ColorTool
Log in
#630100

#630100 ≈ Rosewood

  • red
  • Lightness: very low
  • Saturation: moderate
  • Warm
Check contrast Explore in graph Random color

#630100 is a color from the red family, with very low lightness and moderate saturation. In the RGB model it is made of 38.82% red, 0.39% green and 0% blue; printed in CMYK it uses 0% cyan, 98.99% magenta, 100% yellow and 61.18% black. Its hue angle is 0.61°, with 100% saturation and 19.41% lightness in HSL. It is a warm color, often associated with energy, passion and urgency. Designers typically use it for food and restaurant brands, sales and promotions and luxury branding. White text on this color reaches a contrast ratio of 13.68:1 (WCAG AAA). The closest named color is Rosewood (#65000b), ΔE 2.47.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#660000
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.0267

Complementary

  1. #630100
  2. #006263

Split complementary

  1. #630100
  2. #006333
  3. #003063

Analogous

  1. #630030
  2. #630100
  3. #633300

Triadic

  1. #630100
  2. #006301
  3. #010063

Tetradic

  1. #630100
  2. #626300
  3. #006263
  4. #010063

Square

  1. #630100
  2. #306300
  3. #006263
  4. #330063

Monochromatic

  1. #140000
  2. #160000
  3. #630100
  4. #af0200
  5. #fc0300

Shades

#630100 mixed progressively with black.

  1. #630100
  2. #590100
  3. #4f0100
  4. #450100
  5. #3b0100
  6. #320100
  7. #280000
  8. #1e0000
  9. #140000
  10. #0a0000
  11. #000000

Tints

#630100 mixed progressively with white.

  1. #630100
  2. #731a1a
  3. #823433
  4. #924d4d
  5. #a16766
  6. #b18080
  7. #c19999
  8. #d0b3b3
  9. #e0cccc
  10. #efe6e6
  11. #ffffff

Tones

#630100 mixed progressively with gray.

  1. #630100
  2. #660e0d
  3. #691a1a
  4. #6c2726
  5. #6f3433
  6. #724140
  7. #744d4d
  8. #775a5a
  9. #7a6766
  10. #7d7373
  11. #808080

Readable text 13.68:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 1.53:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #2d2d2d ≈ 0.003% of males
Achromatomaly #492222 ≈ 0.001% of males
Protanopia #262000 ≈ 1.01% of males
Deuteranopia #3d3500 ≈ 1.27% of males
Tritanopia #6e0003 ≈ 0.0001% of males
Protanomaly #461700 ≈ 1.08% of males
Deuteranomaly #4f2800 ≈ 4.63% of males
Tritanomaly #6a0002 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-630100 {
  color: #630100;
}
Background
.bg-630100 {
  background-color: #630100;
  color: #ffffff;
}
Border
.border-630100 {
  border: 2px solid #630100;
}
CSS variables
:root {
  --color-primary: #630100;
  --color-primary-rgb: 99 1 0;
  --color-primary-hsl: 1 100% 19%;
}
Gradient
.gradient-630100 {
  background: linear-gradient(135deg, #630100, #633300);
}
Colored shadow
.shadow-630100 {
  box-shadow: 0 8px 24px rgb(99 1 0 / 0.35);
}

#65000b Rosewood ΔE 2.47 #800000 Maroon ΔE 6.17 #801818 Falu Red ΔE 6.59 #8b0000 Dark Red ΔE 8.40 #592720 Caput Mortuum ΔE 8.52 #800020 Burgundy ΔE 8.55 #92000a Sangria ΔE 9.30 #9cfeff Inverted #2d2d2d Grayscale 

Rosewood
#630100  rgb(99, 1, 0)  hsl(1, 100%, 19%)  Rosewood
#006263  rgb(0, 98, 99)  hsl(181, 100%, 19%)  Myrtle Green
#006301  rgb(0, 99, 1)  hsl(121, 100%, 19%)  Dark Green
#010063  rgb(1, 0, 99)  hsl(241, 100%, 19%)  Navy