Cor nomeada · #C8E2CC
Wishful Green
Wishful Green é #C8E2CC: rgb(200 226 204), hsl(129 31% 84%), oklch(0.888 0.041 149.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Wishful Green color name →
#C8E2CC
oklch(0.888 0.041 149.8)
Conversões de cor
- HEX
- #c8e2cc
- RGB
- rgb(200 226 204)
- HSL
- hsl(129 31% 84%)
- HWB
- hwb(129 78% 11%)
- OKLCH
- oklch(0.888 0.041 149.8)
- OKLab
- oklab(0.888 -0.035 0.02)
- CIE Lab
- lab(87.5 -12 7.74)
- LCH
- lch(87.5 14.28 147.2)
- CMYK
- cmyk(12% 0% 10% 11%)
Tons claros · Sombras · Tons
Tons claros
- CDE5D1
- D3E8D6
- D8EBDB
- DEEEE0
- E3F1E5
- E9F3EA
- EEF6F0
- F4F9F5
- F9FCFA
Sombras
- AEC4B1
- 94A897
- 7B8C7E
- 637165
- 4C574E
- 363E37
- 212722
- 0F120F
- 020302
Tons
- C1D8C4
- B9CEBC
- B2C4B5
- ABBAAD
- A3B0A5
- 9CA69E
- 959C96
- 8E938F
- 878987
Harmonias de cor
Complementar +180°
- C8E2CC
Wishful Green
- EAD1E7
≈ Lilacs in Spring
Análoga -30° +30°
- C8E2CC
Wishful Green
- D6DEC1
≈ Dream Seascape
- BEE3DB
≈ Bleached Aqua
Tríade +120° +240°
- C8E2CC
Wishful Green
- CFD9F6
≈ Flax Bloom
- F4D1CA
≈ Coral Candy
Complementar dividida +150° +210°
- C8E2CC
Wishful Green
- DED4F2
≈ Japan Blush
- F2CFD9
≈ Lover’s Retreat
Tétrade +90° +180° +270°
- C8E2CC
Wishful Green
- C3DEF3
≈ Island View
- EAD1E7
≈ Lilacs in Spring
- EFD4C0
≈ Iced Apricot
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 15.20:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.20:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--wishful-green: #c8e2cc;
--wishful-green-rgb: 200 226 204;
--wishful-green-oklch: oklch(0.888 0.041 149.8);
}
.element {
color: var(--wishful-green);
background-color: hsl(129 31% 84%);
border-color: oklch(0.888 0.041 149.8);
}Tailwind CSS v4
@theme {
--color-wishful-green: #c8e2cc;
--color-wishful-green-50: #edf9ef;
--color-wishful-green-100: #dfece1;
--color-wishful-green-200: #c8dacc;
--color-wishful-green-300: #a9bead;
--color-wishful-green-400: #8ea692;
--color-wishful-green-500: #748e78;
--color-wishful-green-600: #627866;
--color-wishful-green-700: #4e6051;
--color-wishful-green-800: #39463a;
--color-wishful-green-900: #273128;
--color-wishful-green-950: #151d16;
}SCSS
$wishful-green: #c8e2cc;
$wishful-green-rgb: 200, 226, 204;
$wishful-green-light: mix(#fff, $wishful-green, 20%);
$wishful-green-dark: mix(#000, $wishful-green, 20%);
.element {
color: $wishful-green;
box-shadow: 0 0 0 2px rgba($wishful-green, 0.35);
}