Charcoal Color
#36454F
Shades
Darker variations of each color in your palette
Base Color
#36454F#36454F
#2B373F
#20292F
#161C20
#0B0E10
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#36454F#36454F
#5E6A72
#868F95
#AFB5B9
#D7DADC
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #36454F |  |
| RGB | 54, 69, 79 | |
| HSL | 204, 19%, 26% | |
| CMYK | 32%, 13%, 0%, 69% | |
| OKLCH | oklch(0.381 0.026 238) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#36454F#364F4C
#36454F
#36384F
Analogous
#36454F
#4F4036
Complementary
#36454F
#4F3645
#454F36
Triadic
#36454F
#4F3638
#4F4C36
Split Complementary
#36454F
#4C364F
#4F4036
#384F36
Tetradic
#29353D
#485D6A
#678498
#95A9B7
#C2CED6
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#36454F#4F3636
#4F4F36
#364F36
#364F4F
#36364F
#4F364F
Hues
Tones
Tones created by adding gray to each color
Base Color
#36454F#36454F
#455159
#545D63
#62686C
#717476
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#36454F#54494B
#724E48
#905244
Warmer
#344969
#314E84
#2F529E
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#36454FOn White Background
Sample Text
Contrast Ratio:9.90:1
WCAG Level:AAA
PASS
On Black Background
Sample Text
Contrast Ratio:2.12: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)