Colore con nome · #CBD9D4
Sea Haze Grey
Sea Haze Grey è #CBD9D4: rgb(203 217 212), hsl(159 16% 82%), oklch(0.873 0.017 172.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sea Haze Grey color name →
#CBD9D4
oklch(0.873 0.017 172.6)
Conversioni di colore
- HEX
- #cbd9d4
- RGB
- rgb(203 217 212)
- HSL
- hsl(159 16% 82%)
- HWB
- hwb(159 80% 15%)
- OKLCH
- oklch(0.873 0.017 172.6)
- OKLab
- oklab(0.873 -0.016 0.002)
- CIE Lab
- lab(85.51 -5.58 0.76)
- LCH
- lch(85.51 5.63 172.2)
- CMYK
- cmyk(6% 0% 2% 15%)
Tinte · Ombre · Toni
Tinte
- D0DDD8
- D5E1DC
- DAE4E1
- E0E8E5
- E5ECE9
- EAF0EE
- EFF3F2
- F4F7F6
- FAFBFB
Ombre
- B0BCB8
- 96A19D
- 7D8683
- 656C69
- 4D5351
- 373B3A
- 222524
- 0F1110
- 020202
Toni
- C3D0CB
- BCC7C3
- B4BDBA
- ACB4B1
- A5ABA9
- 9DA3A1
- 969A98
- 8F9190
- 878988
Armonie di colore
Complementare +180°
- CBD9D4
Sea Haze Grey
- DFD1D6
≈ Secret Blush
Analogo -30° +30°
- CBD9D4
Sea Haze Grey
- CFD8CE
≈ Wind Fresh White
- C9D9DA
≈ Cosmic Ray
Triadico +120° +240°
- CBD9D4
Sea Haze Grey
- D5D3E0
≈ Light Amourette
- DFD3CC
≈ Vision of Light
Complementare divisa +150° +210°
- CBD9D4
Sea Haze Grey
- DBD2DC
≈ Spun Moonbeams
- E0D1D0
≈ Light Lavender Blush
Tetradico +90° +180° +270°
- CBD9D4
Sea Haze Grey
- CFD6E1
≈ Blue Reflection
- DFD1D6
≈ Secret Blush
- DBD4C9
≈ Pebbled Shore
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.45:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.41:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.41:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--sea-haze-grey: #cbd9d4;
--sea-haze-grey-rgb: 203 217 212;
--sea-haze-grey-oklch: oklch(0.873 0.017 172.6);
}
.element {
color: var(--sea-haze-grey);
background-color: hsl(159 16% 82%);
border-color: oklch(0.873 0.017 172.6);
}Tailwind CSS v4
@theme {
--color-sea-haze-grey: #cbd9d4;
--color-sea-haze-grey-50: #f1f7f5;
--color-sea-haze-grey-100: #e3eae7;
--color-sea-haze-grey-200: #cdd7d4;
--color-sea-haze-grey-300: #afbab7;
--color-sea-haze-grey-400: #95a29d;
--color-sea-haze-grey-500: #7c8a85;
--color-sea-haze-grey-600: #697570;
--color-sea-haze-grey-700: #545d5a;
--color-sea-haze-grey-800: #3d4441;
--color-sea-haze-grey-900: #2a2f2d;
--color-sea-haze-grey-950: #171c1a;
}SCSS
$sea-haze-grey: #cbd9d4;
$sea-haze-grey-rgb: 203, 217, 212;
$sea-haze-grey-light: mix(#fff, $sea-haze-grey, 20%);
$sea-haze-grey-dark: mix(#000, $sea-haze-grey, 20%);
.element {
color: $sea-haze-grey;
box-shadow: 0 0 0 2px rgba($sea-haze-grey, 0.35);
}