Couleur nommée · #DEEAAA
High Hopes
High Hopes correspond à #DEEAAA : rgb(222 234 170), hsl(71 60% 79%), oklch(0.913 0.084 116.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · High Hopes color name →
#DEEAAA
oklch(0.913 0.084 116.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E1ECB3
- E4EEBC
- E8F1C4
- EBF3CD
- EEF5D5
- F2F7DE
- F5F9E6
- F8FBEE
- FCFDF7
Ombres
- C1CB93
- A5AE7D
- 899168
- 6F7553
- 555A3F
- 3D412D
- 26291B
- 12130B
- 020301
Tons
- D4DFA6
- CAD4A2
- C1C99E
- B7BE9A
- AEB496
- A4A992
- 9B9F8D
- 929489
- 898A85
Harmonies de couleurs
Complémentaire +180°
- DEEAAA
High Hopes
- E5DCFF
≈ Contrail
Analogue -30° +30°
- DEEAAA
High Hopes
- FBDFA2
≈ Honey Bee
- BEF2C2
≈ Peasful Mint
Triadique +120° +240°
- DEEAAA
High Hopes
- C5E8FF
≈ Blue Java Banana
- FFD5E3
≈ Powder Pink
Complémentaire divisée +150° +210°
- DEEAAA
High Hopes
- D5E2FF
≈ Stoic White
- FFD0FE
≈ Pink Diamond
Tétradique +90° +180° +270°
- DEEAAA
High Hopes
- 9DF3FE
≈ Waterspout
- E5DCFF
≈ Contrail
- FFD7D2
≈ Bleached Coral
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.27:1 · APCA Lc 14
Ag
AAASur noir
WCAG 16.45:1 · APCA Lc 90
Meilleure couleur de texte: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
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);
}