Colore con nome · #CAD3D4
Mount Sterling
Mount Sterling è #CAD3D4: rgb(202 211 212), hsl(186 10% 81%), oklch(0.86 0.01 204.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mount Sterling color name →
#CAD3D4
oklch(0.86 0.01 204.9)
Conversioni di colore
- HEX
- #cad3d4
- RGB
- rgb(202 211 212)
- HSL
- hsl(186 10% 81%)
- HWB
- hwb(186 79% 17%)
- OKLCH
- oklch(0.86 0.01 204.9)
- OKLab
- oklab(0.86 -0.009 -0.004)
- CIE Lab
- lab(83.88 -3.02 -1.61)
- LCH
- lch(83.88 3.43 208.1)
- CMYK
- cmyk(5% 0% 0% 17%)
Tinte · Ombre · Toni
Tinte
- CFD7D8
- D4DCDC
- DAE0E1
- DFE4E5
- E4E9E9
- EAEDEE
- EFF2F2
- F4F6F6
- FAFBFB
Ombre
- AFB7B8
- 959C9D
- 7C8283
- 646969
- 4D5151
- 373A3A
- 222424
- 0F1010
- 020202
Toni
- C2CACB
- BBC2C3
- B3B9BA
- ACB1B1
- A4A9A9
- 9DA0A1
- 969898
- 8E9090
- 878888
Armonie di colore
Complementare +180°
- CAD3D4
Mount Sterling
- D7CFCE
≈ Smells of Fresh Bread
Analogo -30° +30°
- CAD3D4
Mount Sterling
- CBD3D0
≈ Solo
- CBD2D7
≈ Shiny Nickel
Triadico +120° +240°
- CAD3D4
Mount Sterling
- D4CFD5
≈ Jam Session
- D4D1CA
≈ Campfire Smoke
Complementare divisa +150° +210°
- CAD3D4
Mount Sterling
- D7CED1
≈ Light Mosque
- D6CFCB
≈ White City
Tetradico +90° +180° +270°
- CAD3D4
Mount Sterling
- D1D0D7
≈ Light Pensive
- D7CFCE
≈ Smells of Fresh Bread
- D1D2CB
≈ Silverpointe
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.77:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.77:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--mount-sterling: #cad3d4;
--mount-sterling-rgb: 202 211 212;
--mount-sterling-oklch: oklch(0.86 0.01 204.9);
}
.element {
color: var(--mount-sterling);
background-color: hsl(186 10% 81%);
border-color: oklch(0.86 0.01 204.9);
}Tailwind CSS v4
@theme {
--color-mount-sterling: #cad3d4;
--color-mount-sterling-50: #f2f6f6;
--color-mount-sterling-100: #e4e9e9;
--color-mount-sterling-200: #d0d5d6;
--color-mount-sterling-300: #b2b9ba;
--color-mount-sterling-400: #98a0a1;
--color-mount-sterling-500: #7f8889;
--color-mount-sterling-600: #6c7374;
--color-mount-sterling-700: #565c5d;
--color-mount-sterling-800: #3f4344;
--color-mount-sterling-900: #2b2f2f;
--color-mount-sterling-950: #181b1b;
}SCSS
$mount-sterling: #cad3d4;
$mount-sterling-rgb: 202, 211, 212;
$mount-sterling-light: mix(#fff, $mount-sterling, 20%);
$mount-sterling-dark: mix(#000, $mount-sterling, 20%);
.element {
color: $mount-sterling;
box-shadow: 0 0 0 2px rgba($mount-sterling, 0.35);
}