Named color · #F8E4C2
Tea Light
Tea Light is #F8E4C2: rgb(248 228 194), hsl(38 79% 87%), oklch(0.926 0.05 81). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Tea Light color name →
#F8E4C2
oklch(0.926 0.05 81)
Color conversions
- HEX
- #f8e4c2
- RGB
- rgb(248 228 194)
- HSL
- hsl(38 79% 87%)
- HWB
- hwb(38 76% 3%)
- OKLCH
- oklch(0.926 0.05 81)
- OKLab
- oklab(0.926 0.008 0.049)
- CIE Lab
- lab(91.58 3.21 19.27)
- LCH
- lch(91.58 19.54 80.5)
- CMYK
- cmyk(0% 8% 22% 3%)
Tints · Shades · Tones
Tints
- F9E7C8
- F9E9CE
- FAECD4
- FBEFDB
- FCF2E1
- FCF4E7
- FDF7ED
- FEFAF3
- FEFCF9
Shades
- D8C6A8
- B8A98F
- 9A8D77
- 7C7260
- 605849
- 453F34
- 2C2820
- 15120E
- 030302
Tones
- EBDABB
- DFCFB5
- D3C5AE
- C6BBA7
- BAB1A1
- AEA79A
- A39D94
- 97938D
- 8B8A87
Color harmonies
Complementary +180°
- F8E4C2
Tea Light
- DAE8FF
≈ Veiling Waterfalls
Analogous -30° +30°
- F8E4C2
Tea Light
- FFDFCE
≈ Toronja
- E7EAC5
≈ Green Essence
Triadic +120° +240°
- F8E4C2
Tea Light
- C1F1F4
≈ Icy Breeze
- F7DCFB
≈ Strawberry Frost
Split-complementary +150° +210°
- F8E4C2
Tea Light
- CAEDFF
≈ Blue Hijab
- E6E3FF
≈ Lavender Mist
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.86:1 · APCA Lc 92
Best text color: #000000
WCAG 16.86:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--tea-light: #f8e4c2;
--tea-light-rgb: 248 228 194;
--tea-light-oklch: oklch(0.926 0.05 81);
}
.element {
color: var(--tea-light);
background-color: hsl(38 79% 87%);
border-color: oklch(0.926 0.05 81);
}Tailwind CSS v4
@theme {
--color-tea-light: #f8e4c2;
--color-tea-light-50: #fcf4e6;
--color-tea-light-100: #f0e7d6;
--color-tea-light-200: #dfd3bd;
--color-tea-light-300: #c4b69b;
--color-tea-light-400: #ae9c7e;
--color-tea-light-500: #978360;
--color-tea-light-600: #806f52;
--color-tea-light-700: #665941;
--color-tea-light-800: #4c412f;
--color-tea-light-900: #352c20;
--color-tea-light-950: #201a0f;
}SCSS
$tea-light: #f8e4c2;
$tea-light-rgb: 248, 228, 194;
$tea-light-light: mix(#fff, $tea-light, 20%);
$tea-light-dark: mix(#000, $tea-light, 20%);
.element {
color: $tea-light;
box-shadow: 0 0 0 2px rgba($tea-light, 0.35);
}