Benoemde kleur · #CCFFDD
Mint Zest
Mint Zest is #CCFFDD: rgb(204 255 221), hsl(140 100% 90%), oklch(0.956 0.069 155.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Mint Zest color name →
#CCFFDD
oklch(0.956 0.069 155.7)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- D1FFE0
- D7FFE4
- DCFFE7
- E1FFEB
- E6FFEE
- EBFFF1
- F0FFF5
- F5FFF8
- FAFFFC
Schaduwen
- B1DEC0
- 97BEA4
- 7E9E88
- 65806E
- 4E6355
- 37483D
- 222E26
- 0F1611
- 020302
Tonen
- C4F2D3
- BDE4CA
- B5D7C0
- AECAB7
- A6BEAD
- 9EB1A4
- 97A59B
- 8F9892
- 888C89
Kleurharmonieën
Complementair +180°
- CCFFDD
Mint Zest
- FFE9F9
≈ Strawberry Bonbon
Analoog -30° +30°
- CCFFDD
Mint Zest
- E5F9C7
≈ Snow Flurry
- C1FFF6
≈ Crushed Ice
Triadisch +120° +240°
- CCFFDD
Mint Zest
- ECF0FF
≈ Carte Blanche
- FFECE6
≈ Peach Breeze
Gesplitst complementair +150° +210°
- CCFFDD
Mint Zest
- F5ECFF
≈ Placebo Fuchsia
- FFEAEE
≈ Rose Mochi
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.11:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 18.91:1 · APCA Lc 100
Beste tekstkleur: #000000
WCAG 18.91:1 (AAA) · APCA Lc 100
Contrast pairs
Codefragmenten
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);
}