Nearest named color · #D1481E
#D1481E
Nearest named color: Lava Smoothie
#D1481E (rgb(209 72 30), hsl(14 75% 47%), oklch(0.587 0.181 36.5)) is closest to the named color Lava Smoothie. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D1481E
oklch(0.587 0.181 36.5)
Color conversions
- HEX
- #d1481e
- RGB
- rgb(209 72 30)
- HSL
- hsl(14 75% 47%)
- HWB
- hwb(14 12% 18%)
- OKLCH
- oklch(0.587 0.181 36.5)
- OKLab
- oklab(0.587 0.145 0.107)
- CIE Lab
- lab(50.58 53.62 52.92)
- LCH
- lch(50.58 75.33 44.6)
- CMYK
- cmyk(0% 66% 86% 18%)
Tints · Shades · Tones
Tints
- D85D3B
- DF7152
- E58468
- EA967E
- EFA793
- F4B9A8
- F7CBBE
- FBDCD3
- FDEEE9
Shades
- B53D19
- 9B3313
- 81290E
- 681F09
- 501605
- 390D03
- 230601
- 100200
- 020000
Tones
- CA512E
- C3583A
- BC5F45
- B5654F
- AD6A58
- A56F60
- 9C7469
- 947871
- 8A7C78
Color harmonies
Complementary +180°
- D1481E
Lava Smoothie
- 008BA4
≈ Quintana
Analogous -30° +30°
- D1481E
Lava Smoothie
- CF406B
≈ Dark Pink
- AF6A00
≈ Caramel
Triadic +120° +240°
- D1481E
Lava Smoothie
- 009458
≈ Green Gloss
- 646CE5
≈ If I Could Fly
Split-complementary +150° +210°
- D1481E
Lava Smoothie
- 009086
≈ Nifty Turquoise
- 0082D1
≈ Electron Blue
Tetradic +90° +180° +270°
- D1481E
Lava Smoothie
- 658B00
≈ Sap Green
- 008BA4
≈ Quintana
- 9858CF
≈ Morado Purple
Contrast & accessibility
Ag
AAOn white
WCAG 4.50:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.65:1 · APCA Lc 31
Best text color: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--lava-smoothie: #d1481e;
--lava-smoothie-rgb: 209 72 30;
--lava-smoothie-oklch: oklch(0.587 0.181 36.5);
}
.element {
color: var(--lava-smoothie);
background-color: hsl(14 75% 47%);
border-color: oklch(0.587 0.181 36.5);
}Tailwind CSS v4
@theme {
--color-lava-smoothie: #d1481e;
--color-lava-smoothie-50: #ffe4d0;
--color-lava-smoothie-100: #ffd4bc;
--color-lava-smoothie-200: #ffb99b;
--color-lava-smoothie-300: #ff9470;
--color-lava-smoothie-400: #f5714b;
--color-lava-smoothie-500: #e44a17;
--color-lava-smoothie-600: #c04018;
--color-lava-smoothie-700: #9b3313;
--color-lava-smoothie-800: #742310;
--color-lava-smoothie-900: #52170a;
--color-lava-smoothie-950: #360700;
}SCSS
$lava-smoothie: #d1481e;
$lava-smoothie-rgb: 209, 72, 30;
$lava-smoothie-light: mix(#fff, $lava-smoothie, 20%);
$lava-smoothie-dark: mix(#000, $lava-smoothie, 20%);
.element {
color: $lava-smoothie;
box-shadow: 0 0 0 2px rgba($lava-smoothie, 0.35);
}