Colore con nome · #CED7D5
Serenely
Serenely è #CED7D5: rgb(206 215 213), hsl(167 10% 83%), oklch(0.872 0.01 181.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Serenely color name →
#CED7D5
oklch(0.872 0.01 181.4)
Conversioni di colore
- HEX
- #ced7d5
- RGB
- rgb(206 215 213)
- HSL
- hsl(167 10% 83%)
- HWB
- hwb(167 81% 16%)
- OKLCH
- oklch(0.872 0.01 181.4)
- OKLab
- oklab(0.872 -0.01 0)
- CIE Lab
- lab(85.24 -3.43 -0.12)
- LCH
- lch(85.24 3.43 182.1)
- CMYK
- cmyk(4% 0% 1% 16%)
Tinte · Ombre · Toni
Tinte
- D3DBD9
- D8DFDD
- DDE3E1
- E1E7E6
- E6EBEA
- EBEFEE
- F0F3F2
- F5F7F6
- FAFBFB
Ombre
- B3BBB9
- 989F9E
- 7F8583
- 666B6A
- 4E5251
- 383B3A
- 232524
- 0F1110
- 020202
Toni
- C6CECC
- BEC5C3
- B6BCBB
- AEB3B2
- A6AAAA
- 9EA2A1
- 979999
- 8F9190
- 878888
Armonie di colore
Complementare +180°
- CED7D5
Serenely
- DBD2D4
≈ Blush of Morn
Analogo -30° +30°
- CED7D5
Serenely
- D0D7D1
≈ Serene Journey
- CED7D8
≈ Pond Frost
Triadico +120° +240°
- CED7D5
Serenely
- D6D3DA
≈ Blackberry Cream
- DAD3CE
≈ Thick Fog
Complementare divisa +150° +210°
- CED7D5
Serenely
- D9D2D8
≈ Light Limpid Light
- DBD2D1
≈ Tranquil Retreat
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.30:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.30:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--serenely: #ced7d5;
--serenely-rgb: 206 215 213;
--serenely-oklch: oklch(0.872 0.01 181.4);
}
.element {
color: var(--serenely);
background-color: hsl(167 10% 83%);
border-color: oklch(0.872 0.01 181.4);
}Tailwind CSS v4
@theme {
--color-serenely: #ced7d5;
--color-serenely-50: #f2f6f5;
--color-serenely-100: #e4e9e8;
--color-serenely-200: #d0d6d4;
--color-serenely-300: #b2b9b8;
--color-serenely-400: #98a09f;
--color-serenely-500: #7f8886;
--color-serenely-600: #6c7372;
--color-serenely-700: #565c5b;
--color-serenely-800: #3f4442;
--color-serenely-900: #2b2f2e;
--color-serenely-950: #191b1b;
}SCSS
$serenely: #ced7d5;
$serenely-rgb: 206, 215, 213;
$serenely-light: mix(#fff, $serenely, 20%);
$serenely-dark: mix(#000, $serenely, 20%);
.element {
color: $serenely;
box-shadow: 0 0 0 2px rgba($serenely, 0.35);
}