Benannte Farbe · #CED3C7
Quiet Mint
Quiet Mint ist #CED3C7: rgb(206 211 199), hsl(85 12% 80%), oklch(0.86 0.017 125.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Quiet Mint color name →
#CED3C7
oklch(0.86 0.017 125.3)
Farbumrechnungen
- HEX
- #ced3c7
- RGB
- rgb(206 211 199)
- HSL
- hsl(85 12% 80%)
- HWB
- hwb(85 78% 17%)
- OKLCH
- oklch(0.86 0.017 125.3)
- OKLab
- oklab(0.86 -0.01 0.014)
- CIE Lab
- lab(83.91 -3.37 5.34)
- LCH
- lch(83.91 6.32 122.3)
- CMYK
- cmyk(2% 0% 6% 17%)
Tints · Shades · Tones
Tints
- D3D7CC
- D8DCD2
- DCE0D8
- E1E4DD
- E6E9E3
- EBEDE8
- F0F2EE
- F5F6F4
- FAFBF9
Shades
- B3B7AD
- 989C93
- 7F827A
- 666962
- 4E514C
- 383A36
- 232421
- 0F100E
- 020202
Tones
- C6CAC0
- BEC2B8
- B6B9B1
- AEB1AA
- A6A9A3
- 9EA09C
- 979895
- 8F908E
- 878887
Farbharmonien
Komplementär +180°
- CED3C7
Quiet Mint
- D3CEDA
≈ Lavender Haze
Analog -30° +30°
- CED3C7
Quiet Mint
- D4D1C5
≈ Muslin
- C8D4CC
≈ Touch of Spring
Triadisch +120° +240°
- CED3C7
Quiet Mint
- C8D2DC
≈ Light Stargate
- DCCCCF
≈ Delirious Donkey
Geteilt komplementär +150° +210°
- CED3C7
Quiet Mint
- CDD0DC
≈ Multnomah Falls
- D8CDD5
≈ Light Elusive Dream
Tetradisch +90° +180° +270°
- CED3C7
Quiet Mint
- C5D4D8
≈ Polished Cotton
- D3CEDA
≈ Lavender Haze
- DCCDC9
≈ Lip Gloss
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.52:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.76:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.76:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--quiet-mint: #ced3c7;
--quiet-mint-rgb: 206 211 199;
--quiet-mint-oklch: oklch(0.86 0.017 125.3);
}
.element {
color: var(--quiet-mint);
background-color: hsl(85 12% 80%);
border-color: oklch(0.86 0.017 125.3);
}Tailwind CSS v4
@theme {
--color-quiet-mint: #ced3c7;
--color-quiet-mint-50: #f4f6f1;
--color-quiet-mint-100: #e6e9e3;
--color-quiet-mint-200: #d2d6ce;
--color-quiet-mint-300: #b5b9b0;
--color-quiet-mint-400: #9ca096;
--color-quiet-mint-500: #83887c;
--color-quiet-mint-600: #6f7369;
--color-quiet-mint-700: #595c54;
--color-quiet-mint-800: #41433d;
--color-quiet-mint-900: #2d2f2a;
--color-quiet-mint-950: #1a1b17;
}SCSS
$quiet-mint: #ced3c7;
$quiet-mint-rgb: 206, 211, 199;
$quiet-mint-light: mix(#fff, $quiet-mint, 20%);
$quiet-mint-dark: mix(#000, $quiet-mint, 20%);
.element {
color: $quiet-mint;
box-shadow: 0 0 0 2px rgba($quiet-mint, 0.35);
}