Benannte Farbe · #C6D1C4
Frosted Sage
Frosted Sage ist #C6D1C4: rgb(198 209 196), hsl(111 12% 79%), oklch(0.849 0.021 140.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Frosted Sage color name →
#C6D1C4
oklch(0.849 0.021 140.9)
Farbumrechnungen
- HEX
- #c6d1c4
- RGB
- rgb(198 209 196)
- HSL
- hsl(111 12% 79%)
- HWB
- hwb(111 77% 18%)
- OKLCH
- oklch(0.849 0.021 140.9)
- OKLab
- oklab(0.849 -0.017 0.013)
- CIE Lab
- lab(82.71 -5.66 5.11)
- LCH
- lch(82.71 7.63 137.9)
- CMYK
- cmyk(5% 0% 6% 18%)
Tints · Shades · Tones
Tints
- CCD6CA
- D1DAD0
- D7DFD5
- DDE3DB
- E2E8E1
- E8ECE7
- EEF1ED
- F3F6F3
- F9FAF9
Shades
- ACB5AA
- 929B91
- 7A8178
- 626861
- 4B504A
- 353935
- 212321
- 0E100E
- 020202
Tones
- BFC9BD
- B8C0B6
- B0B8AF
- A9B0A8
- A2A8A1
- 9BA09B
- 949894
- 8E908D
- 878887
Farbharmonien
Komplementär +180°
- C6D1C4
Frosted Sage
- D4C9D6
≈ Eternal Moonrise
Analog -30° +30°
- C6D1C4
Frosted Sage
- CDCFBF
≈ Sliced Cucumber
- C0D2CB
≈ Spearmint Ice
Triadisch +120° +240°
- C6D1C4
Frosted Sage
- C5CEDC
≈ Steel Mist
- DBC8C7
≈ Misty Blush
Geteilt komplementär +150° +210°
- C6D1C4
Frosted Sage
- CDCBDB
≈ Lunar Dust
- D9C8CF
≈ Rosy Lavender
Tetradisch +90° +180° +270°
- C6D1C4
Frosted Sage
- C0D0D9
≈ Snowbell
- D4C9D6
≈ Eternal Moonrise
- D9CAC1
≈ Coconut Macaroon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.57:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.31:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.31:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--frosted-sage: #c6d1c4;
--frosted-sage-rgb: 198 209 196;
--frosted-sage-oklch: oklch(0.849 0.021 140.9);
}
.element {
color: var(--frosted-sage);
background-color: hsl(111 12% 79%);
border-color: oklch(0.849 0.021 140.9);
}Tailwind CSS v4
@theme {
--color-frosted-sage: #c6d1c4;
--color-frosted-sage-50: #f2f7f1;
--color-frosted-sage-100: #e4eae3;
--color-frosted-sage-200: #cfd7ce;
--color-frosted-sage-300: #b1bab0;
--color-frosted-sage-400: #98a296;
--color-frosted-sage-500: #7f8a7d;
--color-frosted-sage-600: #6b756a;
--color-frosted-sage-700: #565d54;
--color-frosted-sage-800: #3f443d;
--color-frosted-sage-900: #2b2f2a;
--color-frosted-sage-950: #181c18;
}SCSS
$frosted-sage: #c6d1c4;
$frosted-sage-rgb: 198, 209, 196;
$frosted-sage-light: mix(#fff, $frosted-sage, 20%);
$frosted-sage-dark: mix(#000, $frosted-sage, 20%);
.element {
color: $frosted-sage;
box-shadow: 0 0 0 2px rgba($frosted-sage, 0.35);
}