Benannte Farbe · #E9F3DD
Diminished Mint
Diminished Mint ist #E9F3DD: rgb(233 243 221), hsl(87 48% 91%), oklch(0.951 0.031 127). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Diminished Mint color name →
#E9F3DD
oklch(0.951 0.031 127)
Farbumrechnungen
- HEX
- #e9f3dd
- RGB
- rgb(233 243 221)
- HSL
- hsl(87 48% 91%)
- HWB
- hwb(87 87% 5%)
- OKLCH
- oklch(0.951 0.031 127)
- OKLab
- oklab(0.951 -0.019 0.025)
- CIE Lab
- lab(94.64 -6.29 9.45)
- LCH
- lch(94.64 11.35 123.7)
- CMYK
- cmyk(4% 0% 9% 5%)
Tints · Shades · Tones
Tints
- EBF4E0
- EDF5E4
- F0F7E7
- F2F8EB
- F4F9EE
- F6FAF1
- F8FBF5
- FBFDF8
- FDFEFC
Shades
- CBD3C0
- ADB4A4
- 909788
- 747A6E
- 5A5E55
- 41443D
- 292B26
- 131411
- 030302
Tones
- DEE7D3
- D3DBCA
- C8CFC0
- BEC3B7
- B3B8AD
- A9ACA4
- 9EA19B
- 949692
- 8A8B89
Farbharmonien
Komplementär +180°
- E9F3DD
Diminished Mint
- F4EAFF
≈ Placebo Fuchsia
Analog -30° +30°
- E9F3DD
Diminished Mint
- F4EFD8
≈ Honey Yoghurt Popsicles
- DFF5E7
≈ Treacherous Blizzard
Triadisch +120° +240°
- E9F3DD
Diminished Mint
- E2F1FF
≈ Wizard White
- FFE8EC
≈ Porcelain Skin
Geteilt komplementär +150° +210°
- E9F3DD
Diminished Mint
- EAEEFF
≈ Brilliant White
- FDE7F6
≈ Dolomite Crystal
Tetradisch +90° +180° +270°
- E9F3DD
Diminished Mint
- D9F4FC
≈ Fishious Rend
- F4EAFF
≈ Placebo Fuchsia
- FFE9E3
≈ Translucent Silk
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.14:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.32:1 · APCA Lc 98
Beste Textfarbe: #000000
WCAG 18.32:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--diminished-mint: #e9f3dd;
--diminished-mint-rgb: 233 243 221;
--diminished-mint-oklch: oklch(0.951 0.031 127);
}
.element {
color: var(--diminished-mint);
background-color: hsl(87 48% 91%);
border-color: oklch(0.951 0.031 127);
}Tailwind CSS v4
@theme {
--color-diminished-mint: #e9f3dd;
--color-diminished-mint-50: #f2f7ee;
--color-diminished-mint-100: #e5eadf;
--color-diminished-mint-200: #d0d7c9;
--color-diminished-mint-300: #b2bbaa;
--color-diminished-mint-400: #99a28f;
--color-diminished-mint-500: #818a74;
--color-diminished-mint-600: #6d7563;
--color-diminished-mint-700: #575e4f;
--color-diminished-mint-800: #404439;
--color-diminished-mint-900: #2c2f27;
--color-diminished-mint-950: #191c15;
}SCSS
$diminished-mint: #e9f3dd;
$diminished-mint-rgb: 233, 243, 221;
$diminished-mint-light: mix(#fff, $diminished-mint, 20%);
$diminished-mint-dark: mix(#000, $diminished-mint, 20%);
.element {
color: $diminished-mint;
box-shadow: 0 0 0 2px rgba($diminished-mint, 0.35);
}