Nearest named color · #D8372F
#D8372F
Nearest named color: Chicken Comb
#D8372F (rgb(216 55 47), hsl(3 68% 52%), oklch(0.583 0.199 28)) is closest to the named color Chicken Comb. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D8372F
oklch(0.583 0.199 28)
Color conversions
- HEX
- #d8372f
- RGB
- rgb(216 55 47)
- HSL
- hsl(3 68% 52%)
- HWB
- hwb(3 18% 15%)
- OKLCH
- oklch(0.583 0.199 28)
- OKLab
- oklab(0.583 0.176 0.093)
- CIE Lab
- lab(49.73 62.22 44.53)
- LCH
- lch(49.73 76.52 35.6)
- CMYK
- cmyk(0% 75% 78% 15%)
Tints · Shades · Tones
Tints
- DF5146
- E5685B
- EB7C6F
- F09083
- F4A397
- F8B5AC
- FBC8C0
- FDDAD5
- FFEDEA
Shades
- BC2E27
- A02620
- 851E19
- 6B1612
- 530F0C
- 3B0806
- 250303
- 110101
- 020000
Tones
- D1443A
- C94E43
- C2574C
- BA5F54
- B1665C
- A96C64
- 9F716B
- 967772
- 8B7B79
Color harmonies
Complementary +180°
- D8372F
Chicken Comb
- 008B9A
≈ Atlantic Blue
Analogous -30° +30°
- D8372F
Chicken Comb
- D0347B
≈ Fuchsia Purple
- B76200
≈ Umber
Triadic +120° +240°
- D8372F
Chicken Comb
- 00953A
≈ Pixelated Grass
- 4A6EEF
≈ Flickering Sea
Split-complementary +150° +210°
- D8372F
Chicken Comb
- 00907B
≈ Miami Jade
- 0084BE
≈ Ibiza Blue
Tetradic +90° +180° +270°
- D8372F
Chicken Comb
- 758500
≈ Swamp Green
- 008B9A
≈ Atlantic Blue
- 8C57DF
≈ Gloomy Purple
Contrast & accessibility
Ag
AAOn white
WCAG 4.65:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.50:1 · APCA Lc 31
Best text color: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 71
Contrast pairs
Code snippets
CSS
:root {
--chicken-comb: #d8372f;
--chicken-comb-rgb: 216 55 47;
--chicken-comb-oklch: oklch(0.583 0.199 28);
}
.element {
color: var(--chicken-comb);
background-color: hsl(3 68% 52%);
border-color: oklch(0.583 0.199 28);
}Tailwind CSS v4
@theme {
--color-chicken-comb: #d8372f;
--color-chicken-comb-50: #ffe1d4;
--color-chicken-comb-100: #ffcfc1;
--color-chicken-comb-200: #ffb3a1;
--color-chicken-comb-300: #ff8c79;
--color-chicken-comb-400: #fe6558;
--color-chicken-comb-500: #ed372f;
--color-chicken-comb-600: #c8312a;
--color-chicken-comb-700: #a12721;
--color-chicken-comb-800: #791a1a;
--color-chicken-comb-900: #551111;
--color-chicken-comb-950: #390204;
}SCSS
$chicken-comb: #d8372f;
$chicken-comb-rgb: 216, 55, 47;
$chicken-comb-light: mix(#fff, $chicken-comb, 20%);
$chicken-comb-dark: mix(#000, $chicken-comb, 20%);
.element {
color: $chicken-comb;
box-shadow: 0 0 0 2px rgba($chicken-comb, 0.35);
}