Colore con nome · #C5D2D5
Sunday Sky
Sunday Sky è #C5D2D5: rgb(197 210 213), hsl(191 16% 80%), oklch(0.855 0.015 213.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sunday Sky color name →
#C5D2D5
oklch(0.855 0.015 213.1)
Conversioni di colore
- HEX
- #c5d2d5
- RGB
- rgb(197 210 213)
- HSL
- hsl(191 16% 80%)
- HWB
- hwb(191 77% 16%)
- OKLCH
- oklch(0.855 0.015 213.1)
- OKLab
- oklab(0.855 -0.012 -0.008)
- CIE Lab
- lab(83.26 -4.13 -3.09)
- LCH
- lch(83.26 5.15 216.8)
- CMYK
- cmyk(8% 1% 0% 16%)
Tinte · Ombre · Toni
Tinte
- CBD6D9
- D0DBDD
- D6DFE1
- DCE4E6
- E2E8EA
- E8EDEE
- EDF1F2
- F3F6F6
- F9FAFB
Ombre
- ABB6B9
- 929B9E
- 798183
- 61686A
- 4B5051
- 35393A
- 212424
- 0E1010
- 020202
Toni
- BEC9CC
- B7C1C3
- B0B9BB
- A9B0B2
- A2A8AA
- 9BA0A1
- 949899
- 8D9090
- 878888
Armonie di colore
Complementare +180°
- C5D2D5
Sunday Sky
- D9CCC9
≈ Nut Milk
Analogo -30° +30°
- C5D2D5
Sunday Sky
- C5D3D0
≈ Winter Garden
- C7D1D8
≈ Wind Weaver
Triadico +120° +240°
- C5D2D5
Sunday Sky
- D6CCD3
≈ Light Elusive Dream
- D2CFC5
≈ Silver Birch
Complementare divisa +150° +210°
- C5D2D5
Sunday Sky
- D8CBCE
≈ Old Red Crest
- D7CDC6
≈ March Ice
Tetradico +90° +180° +270°
- C5D2D5
Sunday Sky
- D1CDD7
≈ Kundalini Bliss
- D9CCC9
≈ Nut Milk
- CDD1C7
≈ Washed Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.55:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.55:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--sunday-sky: #c5d2d5;
--sunday-sky-rgb: 197 210 213;
--sunday-sky-oklch: oklch(0.855 0.015 213.1);
}
.element {
color: var(--sunday-sky);
background-color: hsl(191 16% 80%);
border-color: oklch(0.855 0.015 213.1);
}Tailwind CSS v4
@theme {
--color-sunday-sky: #c5d2d5;
--color-sunday-sky-50: #f1f6f8;
--color-sunday-sky-100: #e3e9eb;
--color-sunday-sky-200: #ced6d8;
--color-sunday-sky-300: #afb9bc;
--color-sunday-sky-400: #95a1a4;
--color-sunday-sky-500: #7c898c;
--color-sunday-sky-600: #697476;
--color-sunday-sky-700: #545d5f;
--color-sunday-sky-800: #3d4445;
--color-sunday-sky-900: #2a2f30;
--color-sunday-sky-950: #171b1c;
}SCSS
$sunday-sky: #c5d2d5;
$sunday-sky-rgb: 197, 210, 213;
$sunday-sky-light: mix(#fff, $sunday-sky, 20%);
$sunday-sky-dark: mix(#000, $sunday-sky, 20%);
.element {
color: $sunday-sky;
box-shadow: 0 0 0 2px rgba($sunday-sky, 0.35);
}