Benoemde kleur · #DAEED5
Graceful Mint
Graceful Mint is #DAEED5: rgb(218 238 213), hsl(108 42% 88%), oklch(0.928 0.039 139.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Graceful Mint color name →
#DAEED5
oklch(0.928 0.039 139.4)
Kleurconversies
- HEX
- #daeed5
- RGB
- rgb(218 238 213)
- HSL
- hsl(108 42% 88%)
- HWB
- hwb(108 84% 7%)
- OKLCH
- oklch(0.928 0.039 139.4)
- OKLab
- oklab(0.928 -0.03 0.026)
- CIE Lab
- lab(92.1 -10.2 9.79)
- LCH
- lch(92.1 14.14 136.2)
- CMYK
- cmyk(8% 0% 11% 7%)
Tinten · Schaduwen · Tonen
Tinten
- DEF0D9
- E1F1DD
- E5F3E2
- E9F5E6
- ECF7EA
- F0F8EE
- F4FAF2
- F8FCF7
- FBFDFB
Schaduwen
- BDCFB9
- A2B19E
- 879383
- 6C776A
- 545C51
- 3C423A
- 252A24
- 111410
- 020302
Tonen
- D1E2CC
- C7D7C3
- BECCBB
- B5C1B2
- ACB5AA
- A3ABA1
- 9AA099
- 919590
- 898A88
Kleurharmonieën
Complementair +180°
- DAEED5
Graceful Mint
- F3DFF8
≈ Grape Taffy
Analoog -30° +30°
- DAEED5
Graceful Mint
- E8EACC
≈ Sylvan Green
- CEF0E3
≈ Light Salome
Triadisch +120° +240°
- DAEED5
Graceful Mint
- DAE8FF
≈ Veiling Waterfalls
- FFDEDD
≈ Rose Tonic
Gesplitst complementair +150° +210°
- DAEED5
Graceful Mint
- E6E4FF
≈ Lavender Mist
- FDDDEB
≈ Transparent Pink
Tetradisch +90° +180° +270°
- DAEED5
Graceful Mint
- CDEDFD
≈ Blue Hijab
- F3DFF8
≈ Grape Taffy
- FEE0D0
≈ Powdered Peach
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.22:1 · APCA Lc 11
Ag
AAAOp zwart
WCAG 17.17:1 · APCA Lc 93
Beste tekstkleur: #000000
WCAG 17.17:1 (AAA) · APCA Lc 93
Contrast pairs
Codefragmenten
CSS
:root {
--graceful-mint: #daeed5;
--graceful-mint-rgb: 218 238 213;
--graceful-mint-oklch: oklch(0.928 0.039 139.4);
}
.element {
color: var(--graceful-mint);
background-color: hsl(108 42% 88%);
border-color: oklch(0.928 0.039 139.4);
}Tailwind CSS v4
@theme {
--color-graceful-mint: #daeed5;
--color-graceful-mint-50: #eff8ee;
--color-graceful-mint-100: #e1ebdf;
--color-graceful-mint-200: #cbd9c9;
--color-graceful-mint-300: #adbdaa;
--color-graceful-mint-400: #93a48e;
--color-graceful-mint-500: #798d74;
--color-graceful-mint-600: #667762;
--color-graceful-mint-700: #525f4e;
--color-graceful-mint-800: #3c4638;
--color-graceful-mint-900: #293027;
--color-graceful-mint-950: #171c15;
}SCSS
$graceful-mint: #daeed5;
$graceful-mint-rgb: 218, 238, 213;
$graceful-mint-light: mix(#fff, $graceful-mint, 20%);
$graceful-mint-dark: mix(#000, $graceful-mint, 20%);
.element {
color: $graceful-mint;
box-shadow: 0 0 0 2px rgba($graceful-mint, 0.35);
}