Named color · #DEEAAA
High Hopes
High Hopes is #DEEAAA: rgb(222 234 170), hsl(71 60% 79%), oklch(0.913 0.084 116.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · High Hopes color name →
#DEEAAA
oklch(0.913 0.084 116.7)
Color conversions
- HEX
- #deeaaa
- RGB
- rgb(222 234 170)
- HSL
- hsl(71 60% 79%)
- HWB
- hwb(71 67% 8%)
- OKLCH
- oklch(0.913 0.084 116.7)
- OKLab
- oklab(0.913 -0.038 0.075)
- CIE Lab
- lab(90.63 -11.77 29.79)
- LCH
- lch(90.63 32.03 111.6)
- CMYK
- cmyk(5% 0% 27% 8%)
Tints · Shades · Tones
Tints
- E1ECB3
- E4EEBC
- E8F1C4
- EBF3CD
- EEF5D5
- F2F7DE
- F5F9E6
- F8FBEE
- FCFDF7
Shades
- C1CB93
- A5AE7D
- 899168
- 6F7553
- 555A3F
- 3D412D
- 26291B
- 12130B
- 020301
Tones
- D4DFA6
- CAD4A2
- C1C99E
- B7BE9A
- AEB496
- A4A992
- 9B9F8D
- 929489
- 898A85
Color harmonies
Complementary +180°
- DEEAAA
High Hopes
- E5DCFF
≈ Contrail
Analogous -30° +30°
- DEEAAA
High Hopes
- FBDFA2
≈ Honey Bee
- BEF2C2
≈ Peasful Mint
Triadic +120° +240°
- DEEAAA
High Hopes
- C5E8FF
≈ Blue Java Banana
- FFD5E3
≈ Powder Pink
Split-complementary +150° +210°
- DEEAAA
High Hopes
- D5E2FF
≈ Stoic White
- FFD0FE
≈ Pink Diamond
Tetradic +90° +180° +270°
- DEEAAA
High Hopes
- 9DF3FE
≈ Waterspout
- E5DCFF
≈ Contrail
- FFD7D2
≈ Bleached Coral
Contrast & accessibility
Ag
FailOn white
WCAG 1.27:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.45:1 · APCA Lc 90
Best text color: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--high-hopes: #deeaaa;
--high-hopes-rgb: 222 234 170;
--high-hopes-oklch: oklch(0.913 0.084 116.7);
}
.element {
color: var(--high-hopes);
background-color: hsl(71 60% 79%);
border-color: oklch(0.913 0.084 116.7);
}Tailwind CSS v4
@theme {
--color-high-hopes: #deeaaa;
--color-high-hopes-50: #f2f9de;
--color-high-hopes-100: #e4eccd;
--color-high-hopes-200: #d0dab2;
--color-high-hopes-300: #b3be8d;
--color-high-hopes-400: #9ba56b;
--color-high-hopes-500: #828d4a;
--color-high-hopes-600: #6e783f;
--color-high-hopes-700: #586032;
--color-high-hopes-800: #414622;
--color-high-hopes-900: #2d3017;
--color-high-hopes-950: #1a1c08;
}SCSS
$high-hopes: #deeaaa;
$high-hopes-rgb: 222, 234, 170;
$high-hopes-light: mix(#fff, $high-hopes, 20%);
$high-hopes-dark: mix(#000, $high-hopes, 20%);
.element {
color: $high-hopes;
box-shadow: 0 0 0 2px rgba($high-hopes, 0.35);
}