Colore con nome · #C6D1C4
Frosted Sage
Frosted Sage è #C6D1C4: rgb(198 209 196), hsl(111 12% 79%), oklch(0.849 0.021 140.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Frosted Sage color name →
#C6D1C4
oklch(0.849 0.021 140.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- CCD6CA
- D1DAD0
- D7DFD5
- DDE3DB
- E2E8E1
- E8ECE7
- EEF1ED
- F3F6F3
- F9FAF9
Ombre
- ACB5AA
- 929B91
- 7A8178
- 626861
- 4B504A
- 353935
- 212321
- 0E100E
- 020202
Toni
- BFC9BD
- B8C0B6
- B0B8AF
- A9B0A8
- A2A8A1
- 9BA09B
- 949894
- 8E908D
- 878887
Armonie di colore
Complementare +180°
- C6D1C4
Frosted Sage
- D4C9D6
≈ Eternal Moonrise
Analogo -30° +30°
- C6D1C4
Frosted Sage
- CDCFBF
≈ Sliced Cucumber
- C0D2CB
≈ Spearmint Ice
Triadico +120° +240°
- C6D1C4
Frosted Sage
- C5CEDC
≈ Steel Mist
- DBC8C7
≈ Misty Blush
Complementare divisa +150° +210°
- C6D1C4
Frosted Sage
- CDCBDB
≈ Lunar Dust
- D9C8CF
≈ Rosy Lavender
Tetradico +90° +180° +270°
- C6D1C4
Frosted Sage
- C0D0D9
≈ Snowbell
- D4C9D6
≈ Eternal Moonrise
- D9CAC1
≈ Coconut Macaroon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.31:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.31:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
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);
}