Nearest named color · #D55753
#D55753
Nearest named color: Firebug
#D55753 (rgb(213 87 83), hsl(2 61% 58%), oklch(0.619 0.16 24.7)) is closest to the named color Firebug. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D55753
oklch(0.619 0.16 24.7)
Color conversions
- HEX
- #d55753
- RGB
- rgb(213 87 83)
- HSL
- hsl(2 61% 58%)
- HWB
- hwb(2 33% 16%)
- OKLCH
- oklch(0.619 0.16 24.7)
- OKLab
- oklab(0.619 0.145 0.067)
- CIE Lab
- lab(54.2 50.39 29.04)
- LCH
- lch(54.2 58.16 30)
- CMYK
- cmyk(0% 59% 61% 16%)
Tints · Shades · Tones
Tints
- DB6964
- E17B74
- E78C85
- EC9D96
- F0ADA7
- F4BDB8
- F8CECA
- FBDEDB
- FDEFED
Shades
- B94B47
- 9E3E3B
- 833330
- 6A2725
- 511C1B
- 3A1211
- 240808
- 100302
- 020000
Tones
- CE5D58
- C6625D
- BE6762
- B66C66
- AE706B
- A6746F
- 9D7774
- 947A78
- 8A7D7C
Color harmonies
Complementary +180°
- D55753
Firebug
- 0098A4
≈ Island Dream
Analogous -30° +30°
- D55753
Firebug
- CC568B
≈ Pretty in Plum
- CA6700
≈ Curry Powder
Triadic +120° +240°
- D55753
Firebug
- 399E42
≈ Gangly Gremlin
- 5580E5
≈ Blue Elemental
Split-complementary +150° +210°
- D55753
Firebug
- 009C81
≈ Paolo Veronese Green
- 0091C8
≈ Dynamic Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.94:1 · APCA Lc 66
Ag
AAOn black
WCAG 5.31:1 · APCA Lc 36
Best text color: #000000
WCAG 5.31:1 (AA) · APCA Lc 36
Contrast pairs
Code snippets
CSS
:root {
--firebug: #d55753;
--firebug-rgb: 213 87 83;
--firebug-oklch: oklch(0.619 0.16 24.7);
}
.element {
color: var(--firebug);
background-color: hsl(2 61% 58%);
border-color: oklch(0.619 0.16 24.7);
}Tailwind CSS v4
@theme {
--color-firebug: #d55753;
--color-firebug-50: #ffe4dd;
--color-firebug-100: #ffd4cb;
--color-firebug-200: #ffbab0;
--color-firebug-300: #ff968b;
--color-firebug-400: #ee746e;
--color-firebug-500: #dc504d;
--color-firebug-600: #ba4542;
--color-firebug-700: #953735;
--color-firebug-800: #6f2627;
--color-firebug-900: #4f1a1a;
--color-firebug-950: #34090b;
}SCSS
$firebug: #d55753;
$firebug-rgb: 213, 87, 83;
$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);
}