Named color · #E5E999
Orchid Hue
Orchid Hue is #E5E999: rgb(229 233 153), hsl(63 65% 76%), oklch(0.913 0.101 110.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Orchid Hue color name →
#E5E999
oklch(0.913 0.101 110.7)
Color conversions
- HEX
- #e5e999
- RGB
- rgb(229 233 153)
- HSL
- hsl(63 65% 76%)
- HWB
- hwb(63 60% 9%)
- OKLCH
- oklch(0.913 0.101 110.7)
- OKLab
- oklab(0.913 -0.036 0.095)
- CIE Lab
- lab(90.68 -10.23 38.46)
- LCH
- lch(90.68 39.8 104.9)
- CMYK
- cmyk(2% 0% 34% 9%)
Tints · Shades · Tones
Tints
- E7EBA4
- EAEEAF
- ECF0B9
- EFF2C3
- F2F4CE
- F4F7D8
- F7F9E2
- FAFBEB
- FCFDF5
Shades
- C7CB84
- AAAD70
- 8E905D
- 72744A
- 585A38
- 3F4127
- 282917
- 121308
- 030301
Tones
- DADE97
- D0D395
- C5C993
- BBBE91
- B1B38E
- A7A98C
- 9D9F89
- 939486
- 8A8A83
Color harmonies
Complementary +180°
- E5E999
Orchid Hue
- E1DEFF
≈ Contrail
Analogous -30° +30°
- E5E999
Orchid Hue
- FFDDA3
≈ Bachimitsu Gold
- BEF4B4
≈ Spring Slumber Green
Triadic +120° +240°
- E5E999
Orchid Hue
- C0E9FF
≈ Blue Java Banana
- FFD5E7
≈ Pink Currant
Split-complementary +150° +210°
- E5E999
Orchid Hue
- D3E3FF
≈ Stoic White
- F8D4FF
≈ Pink Diamond
Tetradic +90° +180° +270°
- E5E999
Orchid Hue
- 89F7FE
≈ Electric Blue
- E1DEFF
≈ Contrail
- FFD7D6
≈ We Peep
Contrast & accessibility
Ag
FailOn white
WCAG 1.27:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.44:1 · APCA Lc 90
Best text color: #000000
WCAG 16.44:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--orchid-hue: #e5e999;
--orchid-hue-rgb: 229 233 153;
--orchid-hue-oklch: oklch(0.913 0.101 110.7);
}
.element {
color: var(--orchid-hue);
background-color: hsl(63 65% 76%);
border-color: oklch(0.913 0.101 110.7);
}Tailwind CSS v4
@theme {
--color-orchid-hue: #e5e999;
--color-orchid-hue-50: #f5f9d8;
--color-orchid-hue-100: #e8ecc6;
--color-orchid-hue-200: #d4d9a8;
--color-orchid-hue-300: #b8bd80;
--color-orchid-hue-400: #a1a45b;
--color-orchid-hue-500: #8a8c33;
--color-orchid-hue-600: #74762c;
--color-orchid-hue-700: #5d5f23;
--color-orchid-hue-800: #454517;
--color-orchid-hue-900: #30300e;
--color-orchid-hue-950: #1c1c02;
}SCSS
$orchid-hue: #e5e999;
$orchid-hue-rgb: 229, 233, 153;
$orchid-hue-light: mix(#fff, $orchid-hue, 20%);
$orchid-hue-dark: mix(#000, $orchid-hue, 20%);
.element {
color: $orchid-hue;
box-shadow: 0 0 0 2px rgba($orchid-hue, 0.35);
}