Nearest named color · #D63F45
#D63F45
Nearest named color: Serial Kisses
#D63F45 (rgb(214 63 69), hsl(358 65% 54%), oklch(0.59 0.187 23)) is closest to the named color Serial Kisses. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D63F45
oklch(0.59 0.187 23)
Color conversions
- HEX
- #d63f45
- RGB
- rgb(214 63 69)
- HSL
- hsl(358 65% 54%)
- HWB
- hwb(358 25% 16%)
- OKLCH
- oklch(0.59 0.187 23)
- OKLab
- oklab(0.59 0.173 0.073)
- CIE Lab
- lab(50.55 59.62 32.83)
- LCH
- lch(50.55 68.06 28.8)
- CMYK
- cmyk(0% 71% 68% 16%)
Tints · Shades · Tones
Tints
- DD5757
- E36C69
- E97F7B
- EE928E
- F3A4A0
- F7B7B3
- FAC9C5
- FCDBD8
- FEEDEC
Shades
- BA353B
- 9E2C31
- 842327
- 6A1B1E
- 521215
- 3B0A0C
- 250405
- 100102
- 020000
Tones
- CF4A4C
- C75352
- C05A58
- B8615E
- B06764
- A76D6A
- 9E7270
- 957775
- 8B7C7B
Color harmonies
Complementary +180°
- D63F45
Serial Kisses
- 008E98
≈ Tempo Teal
Analogous -30° +30°
- D63F45
Serial Kisses
- CB4087
≈ Smitten
- C05F00
≈ Crema
Triadic +120° +240°
- D63F45
Serial Kisses
- 19971D
≈ Pestering Pesto
- 3E75EB
≈ Skies of Cyberspace
Split-complementary +150° +210°
- D63F45
Serial Kisses
- 009377
≈ Dòu Lǜ Green
- 0088BA
≈ Mermaid Dreams
Tetradic +90° +180° +270°
- D63F45
Serial Kisses
- 7F8500
≈ Elwynn Forest Olive
- 008E98
≈ Tempo Teal
- 8560E0
≈ Gloomy Purple
Contrast & accessibility
Ag
AAOn white
WCAG 4.51:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.65:1 · APCA Lc 32
Best text color: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Code snippets
CSS
:root {
--serial-kisses: #d63f45;
--serial-kisses-rgb: 214 63 69;
--serial-kisses-oklch: oklch(0.59 0.187 23);
}
.element {
color: var(--serial-kisses);
background-color: hsl(358 65% 54%);
border-color: oklch(0.59 0.187 23);
}Tailwind CSS v4
@theme {
--color-serial-kisses: #d63f45;
--color-serial-kisses-50: #ffe1da;
--color-serial-kisses-100: #ffd0c8;
--color-serial-kisses-200: #ffb4ac;
--color-serial-kisses-300: #ff8e86;
--color-serial-kisses-400: #f96968;
--color-serial-kisses-500: #e83e47;
--color-serial-kisses-600: #c4363d;
--color-serial-kisses-700: #9e2b30;
--color-serial-kisses-800: #761d24;
--color-serial-kisses-900: #531418;
--color-serial-kisses-950: #370409;
}SCSS
$serial-kisses: #d63f45;
$serial-kisses-rgb: 214, 63, 69;
$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);
}