Benannte Farbe · #D8E8E6
Frozen Mint
Frozen Mint ist #D8E8E6: rgb(216 232 230), hsl(173 26% 88%), oklch(0.918 0.017 187.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Frozen Mint color name →
#D8E8E6
oklch(0.918 0.017 187.9)
Farbumrechnungen
- HEX
- #d8e8e6
- RGB
- rgb(216 232 230)
- HSL
- hsl(173 26% 88%)
- HWB
- hwb(173 85% 9%)
- OKLCH
- oklch(0.918 0.017 187.9)
- OKLab
- oklab(0.918 -0.017 -0.002)
- CIE Lab
- lab(90.75 -5.78 -0.95)
- LCH
- lch(90.75 5.86 189.3)
- CMYK
- cmyk(7% 0% 1% 9%)
Tints · Shades · Tones
Tints
- DCEAE8
- E0EDEB
- E4EFED
- E8F1F0
- EBF3F2
- EFF6F5
- F3F8F7
- F7FAFA
- FBFDFC
Shades
- BCCAC8
- A0ACAB
- 85908E
- 6B7473
- 535959
- 3B4040
- 252928
- 111313
- 020303
Tones
- CFDDDB
- C6D2D1
- BDC8C6
- B4BDBC
- ABB3B2
- A2A8A7
- 9A9E9D
- 919493
- 888A8A
Farbharmonien
Komplementär +180°
- D8E8E6
Frozen Mint
- EFE0E2
≈ Barely Rose
Analog -30° +30°
- D8E8E6
Frozen Mint
- DBE8E0
≈ Spearmint Scent
- D8E7EC
≈ Airy
Triadisch +120° +240°
- D8E8E6
Frozen Mint
- E7E1ED
≈ Romantic Cruise
- ECE2D8
≈ String of Pearls
Geteilt komplementär +150° +210°
- D8E8E6
Frozen Mint
- ECE0E8
≈ Tiara Jewel
- EFE0DC
≈ White Russian
Tetradisch +90° +180° +270°
- D8E8E6
Frozen Mint
- E1E3F0
≈ Iris Ice
- EFE0E2
≈ Barely Rose
- E7E4D8
≈ Guinea Pig White
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.60:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.60:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--frozen-mint: #d8e8e6;
--frozen-mint-rgb: 216 232 230;
--frozen-mint-oklch: oklch(0.918 0.017 187.9);
}
.element {
color: var(--frozen-mint);
background-color: hsl(173 26% 88%);
border-color: oklch(0.918 0.017 187.9);
}Tailwind CSS v4
@theme {
--color-frozen-mint: #d8e8e6;
--color-frozen-mint-50: #f0f7f6;
--color-frozen-mint-100: #e2eae9;
--color-frozen-mint-200: #ccd7d6;
--color-frozen-mint-300: #aebab9;
--color-frozen-mint-400: #94a2a0;
--color-frozen-mint-500: #7a8a88;
--color-frozen-mint-600: #677573;
--color-frozen-mint-700: #525d5c;
--color-frozen-mint-800: #3c4443;
--color-frozen-mint-900: #292f2e;
--color-frozen-mint-950: #171c1b;
}SCSS
$frozen-mint: #d8e8e6;
$frozen-mint-rgb: 216, 232, 230;
$frozen-mint-light: mix(#fff, $frozen-mint, 20%);
$frozen-mint-dark: mix(#000, $frozen-mint, 20%);
.element {
color: $frozen-mint;
box-shadow: 0 0 0 2px rgba($frozen-mint, 0.35);
}