Named color · #D88E2D
Turmeric Tea
Turmeric Tea is #D88E2D: rgb(216 142 45), hsl(34 69% 51%), oklch(0.706 0.139 68.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Turmeric Tea color name →
#D88E2D
oklch(0.706 0.139 68.4)
Color conversions
- HEX
- #d88e2d
- RGB
- rgb(216 142 45)
- HSL
- hsl(34 69% 51%)
- HWB
- hwb(34 18% 15%)
- OKLCH
- oklch(0.706 0.139 68.4)
- OKLab
- oklab(0.706 0.051 0.129)
- CIE Lab
- lab(65.62 23.38 59.84)
- LCH
- lch(65.62 64.25 68.7)
- CMYK
- cmyk(0% 34% 79% 15%)
Tints · Shades · Tones
Tints
- DD9A4A
- E1A561
- E5B076
- EABC8B
- EEC79E
- F1D2B2
- F5DDC5
- F8E9D8
- FCF4EC
Shades
- BC7B26
- A0681F
- 855618
- 6B4411
- 53340B
- 3B2406
- 251502
- 110701
- 020100
Tones
- CF8D3C
- C78C48
- BE8B51
- B58A5A
- AC8962
- A48769
- 9B856F
- 928475
- 89827B
Color harmonies
Complementary +180°
- D88E2D
Turmeric Tea
- 52A6F2
≈ Feather Star
Analogous -30° +30°
- D88E2D
Turmeric Tea
- E87F5D
≈ Roasted Sienna
- B7A01E
≈ Wet Leaf
Triadic +120° +240°
- D88E2D
Turmeric Tea
- 00B8AF
≈ Super Rare Jade
- B987E2
≈ Luminous Lavender
Split-complementary +150° +210°
- D88E2D
Turmeric Tea
- 00B2D5
≈ Aquarius
- 8D96F5
≈ Periwinkle Blue
Tetradic +90° +180° +270°
- D88E2D
Turmeric Tea
- 41BA7F
≈ Aztec Jade
- 52A6F2
≈ Feather Star
- D77CBE
≈ Pink Punk
Contrast & accessibility
Ag
FailOn white
WCAG 2.68:1 · APCA Lc 52
Ag
AAAOn black
WCAG 7.82:1 · APCA Lc 50
Best text color: #000000
WCAG 7.82:1 (AAA) · APCA Lc 50
Contrast pairs
Code snippets
CSS
:root {
--turmeric-tea: #d88e2d;
--turmeric-tea-rgb: 216 142 45;
--turmeric-tea-oklch: oklch(0.706 0.139 68.4);
}
.element {
color: var(--turmeric-tea);
background-color: hsl(34 69% 51%);
border-color: oklch(0.706 0.139 68.4);
}Tailwind CSS v4
@theme {
--color-turmeric-tea: #d88e2d;
--color-turmeric-tea-50: #ffefcb;
--color-turmeric-tea-100: #ffe1b6;
--color-turmeric-tea-200: #fbca93;
--color-turmeric-tea-300: #e5ab64;
--color-turmeric-tea-400: #d38d35;
--color-turmeric-tea-500: #c07100;
--color-turmeric-tea-600: #a26000;
--color-turmeric-tea-700: #824c00;
--color-turmeric-tea-800: #623700;
--color-turmeric-tea-900: #452500;
--color-turmeric-tea-950: #2c1300;
}SCSS
$turmeric-tea: #d88e2d;
$turmeric-tea-rgb: 216, 142, 45;
$turmeric-tea-light: mix(#fff, $turmeric-tea, 20%);
$turmeric-tea-dark: mix(#000, $turmeric-tea, 20%);
.element {
color: $turmeric-tea;
box-shadow: 0 0 0 2px rgba($turmeric-tea, 0.35);
}