Cor nomeada · #E2EFC2
New Hope
New Hope é #E2EFC2: rgb(226 239 194), hsl(77 58% 85%), oklch(0.931 0.061 120.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · New Hope color name →
#E2EFC2
oklch(0.931 0.061 120.7)
Conversões de cor
- HEX
- #e2efc2
- RGB
- rgb(226 239 194)
- HSL
- hsl(77 58% 85%)
- HWB
- hwb(77 76% 6%)
- OKLCH
- oklch(0.931 0.061 120.7)
- OKLab
- oklab(0.931 -0.031 0.052)
- CIE Lab
- lab(92.61 -10.1 20.34)
- LCH
- lch(92.61 22.71 116.4)
- CMYK
- cmyk(5% 0% 19% 6%)
Tons claros · Sombras · Tons
Tons claros
- E5F1C8
- E8F2CE
- EBF4D5
- EDF6DB
- F0F7E1
- F3F9E7
- F6FAED
- F9FCF3
- FCFDF9
Sombras
- C4D0A8
- A8B18F
- 8C9477
- 717860
- 575C49
- 3E4234
- 272A20
- 12140E
- 030302
Tons
- D8E3BB
- CED8B5
- C4CCAE
- BAC1A7
- B0B6A1
- A6AB9A
- 9CA094
- 93958D
- 898B87
Harmonias de cor
Complementar +180°
- E2EFC2
New Hope
- ECE3FF
≈ Lavender Mist
Análoga -30° +30°
- E2EFC2
New Hope
- F7E7BB
≈ Tamale Maize
- CCF4D4
≈ Mint Gloss
Tríade +120° +240°
- E2EFC2
New Hope
- D3ECFF
≈ Veiling Waterfalls
- FFDEE7
≈ Baby Girl
Complementar dividida +150° +210°
- E2EFC2
New Hope
- E0E8FF
≈ Cyber Lavender
- FFDBFA
≈ Strawberry Frost
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASobre preto
WCAG 17.35:1 · APCA Lc 94
Melhor cor de texto: #000000
WCAG 17.35:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--new-hope: #e2efc2;
--new-hope-rgb: 226 239 194;
--new-hope-oklch: oklch(0.931 0.061 120.7);
}
.element {
color: var(--new-hope);
background-color: hsl(77 58% 85%);
border-color: oklch(0.931 0.061 120.7);
}Tailwind CSS v4
@theme {
--color-new-hope: #e2efc2;
--color-new-hope-50: #f2f8e5;
--color-new-hope-100: #e4ecd6;
--color-new-hope-200: #cfd9bd;
--color-new-hope-300: #b1bd9b;
--color-new-hope-400: #99a47c;
--color-new-hope-500: #808d5f;
--color-new-hope-600: #6d7751;
--color-new-hope-700: #575f40;
--color-new-hope-800: #40452d;
--color-new-hope-900: #2c301f;
--color-new-hope-950: #191c0e;
}SCSS
$new-hope: #e2efc2;
$new-hope-rgb: 226, 239, 194;
$new-hope-light: mix(#fff, $new-hope, 20%);
$new-hope-dark: mix(#000, $new-hope, 20%);
.element {
color: $new-hope;
box-shadow: 0 0 0 2px rgba($new-hope, 0.35);
}