Nearest named color · #D45B4D
#D45B4D
Nearest named color: Firebug
#D45B4D (rgb(212 91 77), hsl(6 61% 57%), oklch(0.622 0.156 28.9)) is closest to the named color Firebug. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D45B4D
oklch(0.622 0.156 28.9)
Color conversions
- HEX
- #d45b4d
- RGB
- rgb(212 91 77)
- HSL
- hsl(6 61% 57%)
- HWB
- hwb(6 30% 17%)
- OKLCH
- oklch(0.622 0.156 28.9)
- OKLab
- oklab(0.622 0.136 0.075)
- CIE Lab
- lab(54.66 47.99 32.98)
- LCH
- lch(54.66 58.23 34.5)
- CMYK
- cmyk(0% 57% 64% 17%)
Tints · Shades · Tones
Tints
- DA6D5F
- E07E70
- E68E81
- EB9F93
- EFAFA4
- F4BFB6
- F7CFC8
- FADFDA
- FDEFED
Shades
- B84E42
- 9D4137
- 83352C
- 692922
- 511E18
- 3A130F
- 240907
- 100302
- 020000
Tones
- CD6053
- C56559
- BD6A5E
- B56E63
- AD7168
- A5756D
- 9C7872
- 937B77
- 8A7E7B
Color harmonies
Complementary +180°
- D45B4D
Firebug
- 0098A9
≈ Aquarium Diver
Analogous -30° +30°
- D45B4D
Firebug
- CE5885
≈ Pretty in Plum
- C66C00
≈ Sludge
Triadic +120° +240°
- D45B4D
Firebug
- 2D9F4E
≈ Full Energy
- 617FE4
≈ Pan Purple
Split-complementary +150° +210°
- D45B4D
Firebug
- 009D88
≈ Flamboyant Teal
- 0090D1
≈ Rich Electric Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.88:1 · APCA Lc 66
Ag
AAOn black
WCAG 5.40:1 · APCA Lc 36
Best text color: #000000
WCAG 5.40:1 (AA) · APCA Lc 36
Contrast pairs
Code snippets
CSS
:root {
--firebug: #d45b4d;
--firebug-rgb: 212 91 77;
--firebug-oklch: oklch(0.622 0.156 28.9);
}
.element {
color: var(--firebug);
background-color: hsl(6 61% 57%);
border-color: oklch(0.622 0.156 28.9);
}Tailwind CSS v4
@theme {
--color-firebug: #d45b4d;
--color-firebug-50: #ffe6da;
--color-firebug-100: #ffd5c9;
--color-firebug-200: #ffbcac;
--color-firebug-300: #fd9886;
--color-firebug-400: #ec7767;
--color-firebug-500: #da5445;
--color-firebug-600: #b8483c;
--color-firebug-700: #94392f;
--color-firebug-800: #6e2823;
--color-firebug-900: #4e1b17;
--color-firebug-950: #330a08;
}SCSS
$firebug: #d45b4d;
$firebug-rgb: 212, 91, 77;
$firebug-light: mix(#fff, $firebug, 20%);
$firebug-dark: mix(#000, $firebug, 20%);
.element {
color: $firebug;
box-shadow: 0 0 0 2px rgba($firebug, 0.35);
}