Nearest named color · #D44244
#D44244
Nearest named color: Serial Kisses
#D44244 (rgb(212 66 68), hsl(359 63% 55%), oklch(0.59 0.183 24)) is closest to the named color Serial Kisses. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D44244
oklch(0.59 0.183 24)
Color conversions
- HEX
- #d44244
- RGB
- rgb(212 66 68)
- HSL
- hsl(359 63% 55%)
- HWB
- hwb(359 26% 17%)
- OKLCH
- oklch(0.59 0.183 24)
- OKLab
- oklab(0.59 0.167 0.074)
- CIE Lab
- lab(50.58 57.88 33.33)
- LCH
- lch(50.58 66.79 29.9)
- CMYK
- cmyk(0% 69% 68% 17%)
Tints · Shades · Tones
Tints
- DB5956
- E26D69
- E7807B
- ED938D
- F1A5A0
- F6B7B2
- F9C9C5
- FCDBD8
- FEEDEB
Shades
- B8383A
- 9D2F30
- 832526
- 691C1D
- 511414
- 3A0B0C
- 240505
- 100102
- 020000
Tones
- CD4C4B
- C65451
- BE5C58
- B7625E
- AF6864
- A66E6A
- 9E736F
- 947775
- 8B7C7B
Color harmonies
Complementary +180°
- D44244
Serial Kisses
- 008E99
≈ Coral Coast
Analogous -30° +30°
- D44244
Serial Kisses
- CA4285
≈ Smitten
- BE6000
≈ Crema
Triadic +120° +240°
- D44244
Serial Kisses
- 179726
≈ Pestering Pesto
- 4375E8
≈ Skies of Cyberspace
Split-complementary +150° +210°
- D44244
Serial Kisses
- 009278
≈ Dòu Lǜ Green
- 0088BB
≈ Mermaid Dreams
Tetradic +90° +180° +270°
- D44244
Serial Kisses
- 7D8500
≈ Elwynn Forest Olive
- 008E99
≈ Coral Coast
- 8660DD
≈ Gloomy Purple
Contrast & accessibility
Ag
AAOn white
WCAG 4.50:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.66:1 · APCA Lc 32
Best text color: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
Code snippets
CSS
:root {
--serial-kisses: #d44244;
--serial-kisses-rgb: 212 66 68;
--serial-kisses-oklch: oklch(0.59 0.183 24);
}
.element {
color: var(--serial-kisses);
background-color: hsl(359 63% 55%);
border-color: oklch(0.59 0.183 24);
}Tailwind CSS v4
@theme {
--color-serial-kisses: #d44244;
--color-serial-kisses-50: #ffe2da;
--color-serial-kisses-100: #ffd1c8;
--color-serial-kisses-200: #ffb5ab;
--color-serial-kisses-300: #ff9085;
--color-serial-kisses-400: #f86b68;
--color-serial-kisses-500: #e64246;
--color-serial-kisses-600: #c2393c;
--color-serial-kisses-700: #9c2e30;
--color-serial-kisses-800: #751f24;
--color-serial-kisses-900: #521518;
--color-serial-kisses-950: #370509;
}SCSS
$serial-kisses: #d44244;
$serial-kisses-rgb: 212, 66, 68;
$serial-kisses-light: mix(#fff, $serial-kisses, 20%);
$serial-kisses-dark: mix(#000, $serial-kisses, 20%);
.element {
color: $serial-kisses;
box-shadow: 0 0 0 2px rgba($serial-kisses, 0.35);
}