Colore con nome · #D5DAD1
Light Cipollino
Light Cipollino è #D5DAD1: rgb(213 218 209), hsl(93 11% 84%), oklch(0.882 0.013 130.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Cipollino color name →
#D5DAD1
oklch(0.882 0.013 130.8)
Conversioni di colore
- HEX
- #d5dad1
- RGB
- rgb(213 218 209)
- HSL
- hsl(93 11% 84%)
- HWB
- hwb(93 82% 15%)
- OKLCH
- oklch(0.882 0.013 130.8)
- OKLab
- oklab(0.882 -0.009 0.01)
- CIE Lab
- lab(86.47 -2.96 3.82)
- LCH
- lch(86.47 4.84 127.8)
- CMYK
- cmyk(2% 0% 4% 15%)
Tinte · Ombre · Toni
Tinte
- D9DED6
- DDE1DA
- E1E5DF
- E6E9E3
- EAECE8
- EEF0EC
- F2F4F1
- F6F8F6
- FBFBFA
Ombre
- B9BDB5
- 9EA29B
- 838781
- 6A6C68
- 515450
- 3A3C39
- 242523
- 101110
- 020202
Toni
- CCD1C9
- C3C7C0
- BBBEB8
- B2B5B0
- AAACA8
- A1A3A0
- 999A98
- 909190
- 888988
Armonie di colore
Complementare +180°
- D5DAD1
Light Cipollino
- DBD6DF
≈ Violet Whimsey
Analogo -30° +30°
- D5DAD1
Light Cipollino
- DAD8CF
≈ Silent Smoke
- D1DBD5
≈ Sculptural Silver
Triadico +120° +240°
- D5DAD1
Light Cipollino
- D2D9E1
≈ Seven Days of Rain
- E1D5D6
≈ Razzberry Fizz
Complementare divisa +150° +210°
- D5DAD1
Light Cipollino
- D6D7E1
≈ So Blue-Berry
- DFD5DB
≈ Fairy White
Tetradico +90° +180° +270°
- D5DAD1
Light Cipollino
- CFDADE
≈ Zen
- DBD6DF
≈ Violet Whimsey
- E0D5D1
≈ Light Weathered Hide
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.77:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.77:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--light-cipollino: #d5dad1;
--light-cipollino-rgb: 213 218 209;
--light-cipollino-oklch: oklch(0.882 0.013 130.8);
}
.element {
color: var(--light-cipollino);
background-color: hsl(93 11% 84%);
border-color: oklch(0.882 0.013 130.8);
}Tailwind CSS v4
@theme {
--color-light-cipollino: #d5dad1;
--color-light-cipollino-50: #f4f6f2;
--color-light-cipollino-100: #e6e9e4;
--color-light-cipollino-200: #d2d5d0;
--color-light-cipollino-300: #b5b9b2;
--color-light-cipollino-400: #9ca098;
--color-light-cipollino-500: #83887f;
--color-light-cipollino-600: #6f736c;
--color-light-cipollino-700: #595c56;
--color-light-cipollino-800: #41433e;
--color-light-cipollino-900: #2d2e2b;
--color-light-cipollino-950: #1a1b18;
}SCSS
$light-cipollino: #d5dad1;
$light-cipollino-rgb: 213, 218, 209;
$light-cipollino-light: mix(#fff, $light-cipollino, 20%);
$light-cipollino-dark: mix(#000, $light-cipollino, 20%);
.element {
color: $light-cipollino;
box-shadow: 0 0 0 2px rgba($light-cipollino, 0.35);
}