Colore con nome · #CAD8D8
Offshore Mist
Offshore Mist è #CAD8D8: rgb(202 216 216), hsl(180 15% 82%), oklch(0.872 0.015 196.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Offshore Mist color name →
#CAD8D8
oklch(0.872 0.015 196.9)
Conversioni di colore
- HEX
- #cad8d8
- RGB
- rgb(202 216 216)
- HSL
- hsl(180 15% 82%)
- HWB
- hwb(180 79% 15%)
- OKLCH
- oklch(0.872 0.015 196.9)
- OKLab
- oklab(0.872 -0.014 -0.004)
- CIE Lab
- lab(85.27 -4.88 -1.71)
- LCH
- lch(85.27 5.17 199.3)
- CMYK
- cmyk(6% 0% 0% 15%)
Tinte · Ombre · Toni
Tinte
- CFDCDC
- D4E0E0
- DAE4E4
- DFE7E7
- E4EBEB
- EAEFEF
- EFF3F3
- F4F7F7
- FAFBFB
Ombre
- AFBCBC
- 95A0A0
- 7C8585
- 646B6B
- 4D5353
- 373B3B
- 222525
- 0F1111
- 020202
Toni
- C2CFCF
- BBC6C6
- B3BDBD
- ACB4B4
- A4ABAB
- 9DA2A2
- 969A99
- 8E9191
- 878888
Armonie di colore
Complementare +180°
- CAD8D8
Offshore Mist
- DFD1D1
≈ Pearl Rose
Analogo -30° +30°
- CAD8D8
Offshore Mist
- CCD8D3
≈ Sea Haze Grey
- CBD7DD
≈ Bit of Heaven
Triadico +120° +240°
- CAD8D8
Offshore Mist
- D9D2DB
≈ Blackberry Cream
- DAD4CA
≈ Limewash
Complementare divisa +150° +210°
- CAD8D8
Offshore Mist
- DDD1D7
≈ Blush of Morn
- DED2CC
≈ Mocha Ice
Tetradico +90° +180° +270°
- CAD8D8
Offshore Mist
- D4D3DF
≈ Light Amourette
- DFD1D1
≈ Pearl Rose
- D6D6CA
≈ Grey White
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.32:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.32:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--offshore-mist: #cad8d8;
--offshore-mist-rgb: 202 216 216;
--offshore-mist-oklch: oklch(0.872 0.015 196.9);
}
.element {
color: var(--offshore-mist);
background-color: hsl(180 15% 82%);
border-color: oklch(0.872 0.015 196.9);
}Tailwind CSS v4
@theme {
--color-offshore-mist: #cad8d8;
--color-offshore-mist-50: #f0f6f7;
--color-offshore-mist-100: #e2e9ea;
--color-offshore-mist-200: #cdd6d6;
--color-offshore-mist-300: #afbaba;
--color-offshore-mist-400: #95a1a1;
--color-offshore-mist-500: #7b8989;
--color-offshore-mist-600: #687474;
--color-offshore-mist-700: #535d5d;
--color-offshore-mist-800: #3d4444;
--color-offshore-mist-900: #2a2f2f;
--color-offshore-mist-950: #171c1b;
}SCSS
$offshore-mist: #cad8d8;
$offshore-mist-rgb: 202, 216, 216;
$offshore-mist-light: mix(#fff, $offshore-mist, 20%);
$offshore-mist-dark: mix(#000, $offshore-mist, 20%);
.element {
color: $offshore-mist;
box-shadow: 0 0 0 2px rgba($offshore-mist, 0.35);
}