Benannte Farbe · #BFD6C8
Malted Mint
Malted Mint ist #BFD6C8: rgb(191 214 200), hsl(143 22% 79%), oklch(0.855 0.031 159). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Malted Mint color name →
#BFD6C8
oklch(0.855 0.031 159)
Farbumrechnungen
- HEX
- #bfd6c8
- RGB
- rgb(191 214 200)
- HSL
- hsl(143 22% 79%)
- HWB
- hwb(143 75% 16%)
- OKLCH
- oklch(0.855 0.031 159)
- OKLab
- oklab(0.855 -0.029 0.011)
- CIE Lab
- lab(83.6 -9.98 4.19)
- LCH
- lch(83.6 10.82 157.2)
- CMYK
- cmyk(11% 0% 7% 16%)
Tints · Shades · Tones
Tints
- C5DACD
- CCDED3
- D2E2D8
- D8E6DE
- DFEAE3
- E5EEE9
- ECF3EE
- F2F7F4
- F9FBF9
Shades
- A6BAAE
- 8D9E94
- 75847B
- 5E6A63
- 48524C
- 333B36
- 1F2521
- 0D100F
- 020202
Tones
- B9CDC1
- B2C4B9
- ACBBB2
- A5B3AB
- 9FAAA3
- 99A19C
- 939995
- 8C918E
- 868887
Farbharmonien
Komplementär +180°
- BFD6C8
Malted Mint
- DEC8D6
≈ Sleepy Kisses
Analog -30° +30°
- BFD6C8
Malted Mint
- C9D4BE
≈ Willow Tree Mouse
- B9D6D3
≈ Wingsuit Wind
Triadisch +120° +240°
- BFD6C8
Malted Mint
- CACEE4
≈ Casa del Mar
- E3C9C1
≈ Sultan Sand
Geteilt komplementär +150° +210°
- BFD6C8
Malted Mint
- D5CADF
≈ Watercolour Grape
- E3C7CB
≈ Girl Talk
Tetradisch +90° +180° +270°
- BFD6C8
Malted Mint
- C0D2E3
≈ Drenched Rain
- DEC8D6
≈ Sleepy Kisses
- DDCCBA
≈ Honey Lime Chicken
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.53:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.66:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--malted-mint: #bfd6c8;
--malted-mint-rgb: 191 214 200;
--malted-mint-oklch: oklch(0.855 0.031 159);
}
.element {
color: var(--malted-mint);
background-color: hsl(143 22% 79%);
border-color: oklch(0.855 0.031 159);
}Tailwind CSS v4
@theme {
--color-malted-mint: #bfd6c8;
--color-malted-mint-50: #eef8f2;
--color-malted-mint-100: #dfebe4;
--color-malted-mint-200: #c9d9d0;
--color-malted-mint-300: #aabdb2;
--color-malted-mint-400: #90a498;
--color-malted-mint-500: #758d7f;
--color-malted-mint-600: #63776b;
--color-malted-mint-700: #4f5f56;
--color-malted-mint-800: #3a463e;
--color-malted-mint-900: #28302b;
--color-malted-mint-950: #161d18;
}SCSS
$malted-mint: #bfd6c8;
$malted-mint-rgb: 191, 214, 200;
$malted-mint-light: mix(#fff, $malted-mint, 20%);
$malted-mint-dark: mix(#000, $malted-mint, 20%);
.element {
color: $malted-mint;
box-shadow: 0 0 0 2px rgba($malted-mint, 0.35);
}