Named color · #EBDDA6
Refreshing Tea
Refreshing Tea is #EBDDA6: rgb(235 221 166), hsl(48 63% 79%), oklch(0.896 0.073 95.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Refreshing Tea color name →
#EBDDA6
oklch(0.896 0.073 95.5)
Color conversions
- HEX
- #ebdda6
- RGB
- rgb(235 221 166)
- HSL
- hsl(48 63% 79%)
- HWB
- hwb(48 65% 8%)
- OKLCH
- oklch(0.896 0.073 95.5)
- OKLab
- oklab(0.896 -0.007 0.072)
- CIE Lab
- lab(88.27 -1.08 28.92)
- LCH
- lch(88.27 28.94 92.1)
- CMYK
- cmyk(0% 6% 29% 8%)
Tints · Shades · Tones
Tints
- EDE0AF
- EFE4B8
- F1E7C1
- F3EBCA
- F5EED3
- F7F2DC
- F9F5E5
- FBF8ED
- FDFCF6
Shades
- CCC090
- AEA47A
- 918865
- 756E51
- 5B553E
- 413D2B
- 29261A
- 13110A
- 030201
Tones
- E0D3A2
- D5CA9F
- CAC09B
- BFB798
- B4AE94
- A9A490
- 9F9B8C
- 949288
- 8A8984
Color harmonies
Complementary +180°
- EBDDA6
Refreshing Tea
- D3DBFF
≈ Icy Plains
Analogous -30° +30°
- EBDDA6
Refreshing Tea
- FFD4AA
≈ Neon Cloud
- D1E6B1
≈ Lasting Thoughts
Triadic +120° +240°
- EBDDA6
Refreshing Tea
- A5E9FB
≈ Fresh Air
- FCCBF0
≈ Puff of Pink
Split-complementary +150° +210°
- EBDDA6
Refreshing Tea
- C0E1FF
≈ Dithered Sky
- E7D3FF
≈ Rose Dragée
Tetradic +90° +180° +270°
- EBDDA6
Refreshing Tea
- A5EDE3
≈ Mint Tea
- D3DBFF
≈ Icy Plains
- FFCED7
≈ Bologna Sausage
Contrast & accessibility
Ag
FailOn white
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.42:1 · APCA Lc 86
Best text color: #000000
WCAG 15.42:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--refreshing-tea: #ebdda6;
--refreshing-tea-rgb: 235 221 166;
--refreshing-tea-oklch: oklch(0.896 0.073 95.5);
}
.element {
color: var(--refreshing-tea);
background-color: hsl(48 63% 79%);
border-color: oklch(0.896 0.073 95.5);
}Tailwind CSS v4
@theme {
--color-refreshing-tea: #ebdda6;
--color-refreshing-tea-50: #fbf6de;
--color-refreshing-tea-100: #eee9cd;
--color-refreshing-tea-200: #dcd5b2;
--color-refreshing-tea-300: #c1b88e;
--color-refreshing-tea-400: #ab9f6d;
--color-refreshing-tea-500: #95864c;
--color-refreshing-tea-600: #7e7141;
--color-refreshing-tea-700: #655b34;
--color-refreshing-tea-800: #4b4224;
--color-refreshing-tea-900: #342d18;
--color-refreshing-tea-950: #1f1a09;
}SCSS
$refreshing-tea: #ebdda6;
$refreshing-tea-rgb: 235, 221, 166;
$refreshing-tea-light: mix(#fff, $refreshing-tea, 20%);
$refreshing-tea-dark: mix(#000, $refreshing-tea, 20%);
.element {
color: $refreshing-tea;
box-shadow: 0 0 0 2px rgba($refreshing-tea, 0.35);
}