Cognac Color
#834333
Shades
Darker variations of each color in your palette
Base Color
#834333#834333
#693629
#4F281F
#341B14
#1A0D0A
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#834333#834333
#9C695C
#B58E85
#CDB4AD
#E6D9D6
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #834333 |  |
| RGB | 131, 67, 51 | |
| HSL | 12, 44%, 36% | |
| CMYK | 0%, 49%, 61%, 49% | |
| OKLCH | oklch(0.459 0.092 35) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#834333#84334C
#834333
#846C33
Analogous
#834333
#337484
Complementary
#834333
#338444
#443384
Triadic
#834333
#33846C
#334C84
Split Complementary
#834333
#4C8433
#337484
#6C3384
Tetradic
#49261D
#814232
#B85E47
#CD8E7E
#E2BFB6
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#834333#843333
#848433
#338433
#338484
#333384
#843384
Hues
Tones
Tones created by adding gray to each color
Base Color
#834333#834333
#824F42
#825B52
#816861
#817471
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#834333#964831
#A84C2E
#BB512C
Warmer
#7D4852
#774C70
#71518F
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#834333On White Background
Sample Text
Contrast Ratio:7.46:1
WCAG Level:AAA
PASS
On Black Background
Sample Text
Contrast Ratio:2.82:1
WCAG Level:Fail
FAIL
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)