Brownish Orange Color
#CB6D51
Shades
Darker variations of each color in your palette
Base Color
#CB6D51#CB6D51
#A25741
#7A4131
#512C20
#291610
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#CB6D51#CB6D51
#D58A74
#E0A797
#EAC5B9
#F5E2DC
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #CB6D51 |  |
| RGB | 203, 109, 81 | |
| HSL | 14, 54%, 56% | |
| CMYK | 0%, 46%, 60%, 20% | |
| OKLCH | oklch(0.636 0.126 37) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#CB6D51#CB5273
#CB6D51
#CBAB52
Analogous
#CB6D51
#52AFCB
Complementary
#CB6D51
#52CB6E
#6E52CB
Triadic
#CB6D51
#52CBAB
#5273CB
Split Complementary
#CB6D51
#73CB52
#52AFCB
#AB52CB
Tetradic
#4F2417
#894029
#C45B3B
#D68C76
#E8BDB0
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#CB6D51#CB5252
#CBCB52
#52CB52
#52CBCB
#5252CB
#CB52CB
Hues
Tones
Tones created by adding gray to each color
Base Color
#CB6D51#CB6D51
#BC715A
#AD7564
#9E786D
#8F7C77
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#CB6D51#D36E4D
#DB704A
#E27146
Warmer
#C26E6B
#B97085
#B0719F
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#CB6D51On White Background
Sample Text
Contrast Ratio:3.59:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:5.85:1
WCAG Level:AA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)