Colore con nome · #C0B5AA
Light Glaze
Light Glaze è #C0B5AA: rgb(192 181 170), hsl(30 15% 71%), oklch(0.779 0.02 67.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Glaze color name →
#C0B5AA
oklch(0.779 0.02 67.5)
Conversioni di colore
- HEX
- #c0b5aa
- RGB
- rgb(192 181 170)
- HSL
- hsl(30 15% 71%)
- HWB
- hwb(30 67% 25%)
- OKLCH
- oklch(0.779 0.02 67.5)
- OKLab
- oklab(0.779 0.008 0.018)
- CIE Lab
- lab(74.38 2.64 7.1)
- LCH
- lch(74.38 7.57 69.6)
- CMYK
- cmyk(0% 6% 11% 25%)
Tinte · Ombre · Toni
Tinte
- C6BCB2
- CCC3BB
- D3CBC3
- D9D2CB
- DFD9D4
- E5E1DC
- ECE8E5
- F2F0EE
- F9F7F6
Ombre
- A79D93
- 8E867D
- 766F68
- 5F5953
- 49443F
- 34302D
- 201D1B
- 0E0C0B
- 020201
Toni
- B9B0A6
- B3AAA1
- ACA59D
- A69F99
- 9F9A95
- 999591
- 93908C
- 8C8A88
- 868584
Armonie di colore
Complementare +180°
- C0B5AA
Light Glaze
- ADB9C3
≈ Cold Snap
Analogo -30° +30°
- C0B5AA
Light Glaze
- C3B3AE
≈ Artistic Taupe
- BAB7A9
≈ Play on Grey
Triadico +120° +240°
- C0B5AA
Light Glaze
- AABBB9
≈ Blue Willow
- BAB4C1
≈ Ash Grove
Complementare divisa +150° +210°
- C0B5AA
Light Glaze
- AABBC0
≈ Blue Heather
- B4B6C4
≈ Brother Blue
Tetradico +90° +180° +270°
- C0B5AA
Light Glaze
- ADBBB2
≈ Quietude
- ADB9C3
≈ Cold Snap
- C0B2BC
≈ La-De-Dah
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.43:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.43:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--light-glaze: #c0b5aa;
--light-glaze-rgb: 192 181 170;
--light-glaze-oklch: oklch(0.779 0.02 67.5);
}
.element {
color: var(--light-glaze);
background-color: hsl(30 15% 71%);
border-color: oklch(0.779 0.02 67.5);
}Tailwind CSS v4
@theme {
--color-light-glaze: #c0b5aa;
--color-light-glaze-50: #f9f4ef;
--color-light-glaze-100: #ece7e1;
--color-light-glaze-200: #dad3cb;
--color-light-glaze-300: #beb6ad;
--color-light-glaze-400: #a79c92;
--color-light-glaze-500: #8f8478;
--color-light-glaze-600: #797066;
--color-light-glaze-700: #615952;
--color-light-glaze-800: #47413b;
--color-light-glaze-900: #312d29;
--color-light-glaze-950: #1d1a17;
}SCSS
$light-glaze: #c0b5aa;
$light-glaze-rgb: 192, 181, 170;
$light-glaze-light: mix(#fff, $light-glaze, 20%);
$light-glaze-dark: mix(#000, $light-glaze, 20%);
.element {
color: $light-glaze;
box-shadow: 0 0 0 2px rgba($light-glaze, 0.35);
}