Cor nomeada · #CCFFDD
Mint Zest
Mint Zest é #CCFFDD: rgb(204 255 221), hsl(140 100% 90%), oklch(0.956 0.069 155.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Mint Zest color name →
#CCFFDD
oklch(0.956 0.069 155.7)
Conversões de cor
- HEX
- #ccffdd
- RGB
- rgb(204 255 221)
- HSL
- hsl(140 100% 90%)
- HWB
- hwb(140 80% 0%)
- OKLCH
- oklch(0.956 0.069 155.7)
- OKLab
- oklab(0.956 -0.063 0.028)
- CIE Lab
- lab(95.79 -21.65 10.74)
- LCH
- lch(95.79 24.17 153.6)
- CMYK
- cmyk(20% 0% 13% 0%)
Tons claros · Sombras · Tons
Tons claros
- D1FFE0
- D7FFE4
- DCFFE7
- E1FFEB
- E6FFEE
- EBFFF1
- F0FFF5
- F5FFF8
- FAFFFC
Sombras
- B1DEC0
- 97BEA4
- 7E9E88
- 65806E
- 4E6355
- 37483D
- 222E26
- 0F1611
- 020302
Tons
- C4F2D3
- BDE4CA
- B5D7C0
- AECAB7
- A6BEAD
- 9EB1A4
- 97A59B
- 8F9892
- 888C89
Harmonias de cor
Complementar +180°
- CCFFDD
Mint Zest
- FFE9F9
≈ Strawberry Bonbon
Análoga -30° +30°
- CCFFDD
Mint Zest
- E5F9C7
≈ Snow Flurry
- C1FFF6
≈ Crushed Ice
Tríade +120° +240°
- CCFFDD
Mint Zest
- ECF0FF
≈ Carte Blanche
- FFECE6
≈ Peach Breeze
Complementar dividida +150° +210°
- CCFFDD
Mint Zest
- F5ECFF
≈ Placebo Fuchsia
- FFEAEE
≈ Rose Mochi
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.11:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.91:1 · APCA Lc 100
Melhor cor de texto: #000000
WCAG 18.91:1 (AAA) · APCA Lc 100
Contrast pairs
Trechos de código
CSS
:root {
--mint-zest: #ccffdd;
--mint-zest-rgb: 204 255 221;
--mint-zest-oklch: oklch(0.956 0.069 155.7);
}
.element {
color: var(--mint-zest);
background-color: hsl(140 100% 90%);
border-color: oklch(0.956 0.069 155.7);
}Tailwind CSS v4
@theme {
--color-mint-zest: #ccffdd;
--color-mint-zest-50: #e6fcee;
--color-mint-zest-100: #d6efdf;
--color-mint-zest-200: #bddec9;
--color-mint-zest-300: #9bc3aa;
--color-mint-zest-400: #7dab8d;
--color-mint-zest-500: #5f9473;
--color-mint-zest-600: #517d61;
--color-mint-zest-700: #41644e;
--color-mint-zest-800: #2f4a37;
--color-mint-zest-900: #203326;
--color-mint-zest-950: #0f1f14;
}SCSS
$mint-zest: #ccffdd;
$mint-zest-rgb: 204, 255, 221;
$mint-zest-light: mix(#fff, $mint-zest, 20%);
$mint-zest-dark: mix(#000, $mint-zest, 20%);
.element {
color: $mint-zest;
box-shadow: 0 0 0 2px rgba($mint-zest, 0.35);
}