Vermilion Color
#D9381E
Shades
Darker variations of each color in your palette
Base Color
#D9381E#D9381E
#AE2D18
#822212
#57160C
#2B0B06
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#D9381E#D9381E
#E1604B
#E88878
#F0AFA5
#F7D7D2
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #D9381E |  |
| RGB | 217, 56, 30 | |
| HSL | 8, 76%, 48% | |
| CMYK | 0%, 74%, 86%, 15% | |
| OKLCH | oklch(0.585 0.201 32) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#D9381E#D71D62
#D9381E
#D7931D
Analogous
#D9381E
#1DBFD7
Complementary
#D9381E
#1DD736
#361DD7
Triadic
#D9381E
#1DD793
#1D62D7
Split Complementary
#D9381E
#62D71D
#1DBFD7
#931DD7
Tetradic
#5A170C
#9D2815
#E0381F
#EA7462
#F3B0A5
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#D9381E#D71D1D
#D7D71D
#1DD71D
#1DD7D7
#1D1DD7
#D71DD7
Hues
Tones
Tones created by adding gray to each color
Base Color
#D9381E#D9381E
#C74632
#B55545
#A46359
#92726C
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#D9381E#DF3D1D
#E4431B
#EA481A
Warmer
#CF3D40
#C54362
#BC4883
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#D9381EOn White Background
Sample Text
Contrast Ratio:4.63:1
WCAG Level:AA
PASS
On Black Background
Sample Text
Contrast Ratio:4.53: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)