Colore con nome · #D5D3C3
Static
Static è #D5D3C3: rgb(213 211 195), hsl(53 18% 80%), oklch(0.864 0.022 101). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Static color name →
#D5D3C3
oklch(0.864 0.022 101)
Conversioni di colore
- HEX
- #d5d3c3
- RGB
- rgb(213 211 195)
- HSL
- hsl(53 18% 80%)
- HWB
- hwb(53 76% 16%)
- OKLCH
- oklch(0.864 0.022 101)
- OKLab
- oklab(0.864 -0.004 0.021)
- CIE Lab
- lab(84.39 -1.35 8.21)
- LCH
- lch(84.39 8.32 99.4)
- CMYK
- cmyk(0% 1% 8% 16%)
Tinte · Ombre · Toni
Tinte
- D9D7C9
- DDDCCF
- E1E0D5
- E6E4DB
- EAE9E1
- EEEDE7
- F2F2ED
- F6F6F3
- FBFBF9
Ombre
- B9B7A9
- 9E9C90
- 838278
- 6A6960
- 51514A
- 3A3A34
- 242420
- 10100E
- 020202
Toni
- CCCABC
- C3C2B5
- BBB9AE
- B2B1A8
- AAA9A1
- A1A09A
- 999894
- 90908D
- 888886
Armonie di colore
Complementare +180°
- D5D3C3
Static
- CFD1E1
≈ Hailstorm
Analogo -30° +30°
- D5D3C3
Static
- DCD0C3
≈ Porcelain Basin
- CDD5C7
≈ Horizon Island
Triadico +120° +240°
- D5D3C3
Static
- C4D6DC
≈ Cloudy Sky
- DDCDD6
≈ Silver Mauve
Complementare divisa +150° +210°
- D5D3C3
Static
- C8D4E1
≈ Light Angora Blue
- D7CFDD
≈ Dusty Plum
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.93:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.93:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--static: #d5d3c3;
--static-rgb: 213 211 195;
--static-oklch: oklch(0.864 0.022 101);
}
.element {
color: var(--static);
background-color: hsl(53 18% 80%);
border-color: oklch(0.864 0.022 101);
}Tailwind CSS v4
@theme {
--color-static: #d5d3c3;
--color-static-50: #f6f5ee;
--color-static-100: #e9e8e0;
--color-static-200: #d6d5ca;
--color-static-300: #b9b8ac;
--color-static-400: #a19f91;
--color-static-500: #898777;
--color-static-600: #747264;
--color-static-700: #5d5b50;
--color-static-800: #44433a;
--color-static-900: #2f2e28;
--color-static-950: #1c1b16;
}SCSS
$static: #d5d3c3;
$static-rgb: 213, 211, 195;
$static-light: mix(#fff, $static, 20%);
$static-dark: mix(#000, $static, 20%);
.element {
color: $static;
box-shadow: 0 0 0 2px rgba($static, 0.35);
}