Garnet Color
#900020
Shades
Darker variations of each color in your palette
Base Color
#900020#900020
#73001A
#560013
#3A000D
#1D0006
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#900020#900020
#A6334D
#BC6679
#D399A6
#E9CCD2
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #900020 |  |
| RGB | 144, 0, 32 | |
| HSL | 347, 100%, 28% | |
| CMYK | 0%, 100%, 78%, 44% | |
| OKLCH | oklch(0.413 0.166 21) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#900020#8F0066
#900020
#8F2800
Analogous
#900020
#008F70
Complementary
#900020
#1F8F00
#001F8F
Triadic
#900020
#008F28
#00668F
Split Complementary
#900020
#668F00
#008F70
#28008F
Tetradic
#660016
#B30027
#FF0037
#FF4D73
#FF99AF
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#900020#8F0000
#8F8F00
#008F00
#008F8F
#00008F
#8F008F
Hues
Tones
Tones created by adding gray to each color
Base Color
#900020#900020
#8D1A33
#8A3346
#864D5A
#83666D
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#900020#A10A1F
#B1131D
#C21D1C
Warmer
#8A0A41
#831363
#7D1D84
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#900020On White Background
Sample Text
Contrast Ratio:9.52:1
WCAG Level:AAA
PASS
On Black Background
Sample Text
Contrast Ratio:2.21: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)