ColorTool
Log in
#CF3C03

#cf3c03 ≈ Sinopia

  • brown
  • Lightness: medium
  • Saturation: vivid
  • Warm
Check contrast Explore in graph Random color

#cf3c03 is a color from the brown family, with medium lightness and vivid saturation. In the RGB model it is made of 81.18% red, 23.53% green and 1.18% blue; printed in CMYK it uses 0% cyan, 71.01% magenta, 98.55% yellow and 18.82% black. Its hue angle is 16.76°, with 97.14% saturation and 41.18% lightness in HSL. It is a warm color, often associated with reliability, warmth and earthiness. Designers typically use it for cafés and coffee brands, rustic and natural styles and call-to-action buttons. White text on this color reaches a contrast ratio of 4.88:1 (WCAG AA). The closest named color is Sinopia (#cb410b), ΔE 0.94.

Description generated from the measured properties of this color.

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

Complementary

  1. #cf3c03
  2. #0396cf

Split complementary

  1. #cf3c03
  2. #03cfa2
  3. #0330cf

Analogous

  1. #cf0330
  2. #cf3c03
  3. #cfa203

Triadic

  1. #cf3c03
  2. #03cf3c
  3. #3c03cf

Tetradic

  1. #cf3c03
  2. #96cf03
  3. #0396cf
  4. #3c03cf

Square

  1. #cf3c03
  2. #30cf03
  3. #0396cf
  4. #a203cf

Monochromatic

  1. #381001
  2. #842602
  3. #cf3c03
  4. #fc5f23
  5. #fd966e

Shades

#cf3c03 mixed progressively with black.

  1. #cf3c03
  2. #ba3603
  3. #a63002
  4. #912a02
  5. #7c2402
  6. #681e02
  7. #531801
  8. #3e1201
  9. #290c01
  10. #150600
  11. #000000

Tints

#cf3c03 mixed progressively with white.

  1. #cf3c03
  2. #d4501c
  3. #d96335
  4. #dd774f
  5. #e28a68
  6. #e79e81
  7. #ecb19a
  8. #f1c5b3
  9. #f5d8cd
  10. #faece6
  11. #ffffff

Tones

#cf3c03 mixed progressively with gray.

  1. #cf3c03
  2. #c74310
  3. #bf4a1c
  4. #b75029
  5. #af5735
  6. #a85e42
  7. #a0654e
  8. #986c5b
  9. #907267
  10. #887974
  11. #808080

Readable text 4.88:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 4.3:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #717171 ≈ 0.003% of males
Achromatomaly #9f6059 ≈ 0.001% of males
Protanopia #695c00 ≈ 1.01% of males
Deuteranopia #8d7d00 ≈ 1.27% of males
Tritanopia #e50034 ≈ 0.0001% of males
Protanomaly #9d5100 ≈ 1.08% of males
Deuteranomaly #ac6900 ≈ 4.63% of males
Tritanomaly #dc1f28 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-cf3c03 {
  color: #cf3c03;
}
Background
.bg-cf3c03 {
  background-color: #cf3c03;
  color: #ffffff;
}
Border
.border-cf3c03 {
  border: 2px solid #cf3c03;
}
CSS variables
:root {
  --color-primary: #cf3c03;
  --color-primary-rgb: 207 60 3;
  --color-primary-hsl: 17 97% 41%;
}
Gradient
.gradient-cf3c03 {
  background: linear-gradient(135deg, #cf3c03, #cfa203);
}
Colored shadow
.shadow-cf3c03 {
  box-shadow: 0 8px 24px rgb(207 60 3 / 0.35);
}

#cb410b Sinopia ΔE 0.94 #c04000 Mahogany ΔE 3.24 #b7410e Rust ΔE 4.65 #d40000 Rosso Corsa ΔE 6.31 #cc5500 Burnt Orange ΔE 6.98 #e25822 Flame ΔE 7.78 #e62020 Lust ΔE 8.12 #30c3fc Inverted #717171 Grayscale 

Sinopia
#cf3c03  rgb(207, 60, 3)  hsl(17, 97%, 41%)  Sinopia
#0396cf  rgb(3, 150, 207)  hsl(197, 97%, 41%)  Carolina Blue
#03cf3c  rgb(3, 207, 60)  hsl(137, 97%, 41%)  Lime Green
#3c03cf  rgb(60, 3, 207)  hsl(257, 97%, 41%)  Medium Blue