Named color · #EFEBD7
Olive Tint
Olive Tint is #EFEBD7: rgb(239 235 215), hsl(50 43% 89%), oklch(0.938 0.027 97.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Olive Tint color name →
#EFEBD7
oklch(0.938 0.027 97.6)
Color conversions
- HEX
- #efebd7
- RGB
- rgb(239 235 215)
- HSL
- hsl(50 43% 89%)
- HWB
- hwb(50 84% 6%)
- OKLCH
- oklch(0.938 0.027 97.6)
- OKLab
- oklab(0.938 -0.004 0.027)
- CIE Lab
- lab(92.96 -1.1 10.25)
- LCH
- lch(92.96 10.31 96.1)
- CMYK
- cmyk(0% 2% 10% 6%)
Tints · Shades · Tones
Tints
- F1EDDB
- F2EFDF
- F4F1E3
- F5F3E7
- F7F5EB
- F9F7EF
- FAF9F3
- FCFBF7
- FDFDFB
Shades
- D0CCBB
- B1AE9F
- 949185
- 78756B
- 5C5B52
- 42413B
- 2A2925
- 141311
- 030302
Tones
- E3E0CE
- D8D5C5
- CCCABC
- C1BFB3
- B6B4AB
- ABA9A2
- A09F99
- 959491
- 8A8A88
Color harmonies
Complementary +180°
- EFEBD7
Olive Tint
- E6E9FD
≈ Glitter
Analogous -30° +30°
- EFEBD7
Olive Tint
- F7E8D8
≈ Tender
- E5EEDB
≈ Winter Shamrock
Triadic +120° +240°
- EFEBD7
Olive Tint
- D8EFF6
≈ Water
- F7E4F1
≈ Petal Poise
Split-complementary +150° +210°
- EFEBD7
Olive Tint
- DDEDFC
≈ Hoarfrost
- EFE6F9
≈ Holographic Lavender
Tetradic +90° +180° +270°
- EFEBD7
Olive Tint
- D7F1EE
≈ Air of Mint
- E6E9FD
≈ Glitter
- FCE4E7
≈ Hepatica
Contrast & accessibility
Ag
FailOn white
WCAG 1.19:1 · APCA Lc 10
Ag
AAAOn black
WCAG 17.53:1 · APCA Lc 95
Best text color: #000000
WCAG 17.53:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--olive-tint: #efebd7;
--olive-tint-rgb: 239 235 215;
--olive-tint-oklch: oklch(0.938 0.027 97.6);
}
.element {
color: var(--olive-tint);
background-color: hsl(50 43% 89%);
border-color: oklch(0.938 0.027 97.6);
}Tailwind CSS v4
@theme {
--color-olive-tint: #efebd7;
--color-olive-tint-50: #f7f5ed;
--color-olive-tint-100: #eae8de;
--color-olive-tint-200: #d7d5c8;
--color-olive-tint-300: #bab8a9;
--color-olive-tint-400: #a29f8d;
--color-olive-tint-500: #8b8773;
--color-olive-tint-600: #757261;
--color-olive-tint-700: #5e5b4e;
--color-olive-tint-800: #454238;
--color-olive-tint-900: #302e26;
--color-olive-tint-950: #1c1b15;
}SCSS
$olive-tint: #efebd7;
$olive-tint-rgb: 239, 235, 215;
$olive-tint-light: mix(#fff, $olive-tint, 20%);
$olive-tint-dark: mix(#000, $olive-tint, 20%);
.element {
color: $olive-tint;
box-shadow: 0 0 0 2px rgba($olive-tint, 0.35);
}