Colore con nome · #D0C2B4
Gotta Have It
Gotta Have It è #D0C2B4: rgb(208 194 180), hsl(30 23% 76%), oklch(0.822 0.025 67.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Gotta Have It color name →
#D0C2B4
oklch(0.822 0.025 67.5)
Conversioni di colore
- HEX
- #d0c2b4
- RGB
- rgb(208 194 180)
- HSL
- hsl(30 23% 76%)
- HWB
- hwb(30 71% 18%)
- OKLCH
- oklch(0.822 0.025 67.5)
- OKLab
- oklab(0.822 0.01 0.023)
- CIE Lab
- lab(79.31 3.35 8.93)
- LCH
- lch(79.31 9.54 69.4)
- CMYK
- cmyk(0% 7% 13% 18%)
Tinte · Ombre · Toni
Tinte
- D5C8BB
- D9CEC3
- DED4CA
- E3DAD2
- E7E0D9
- ECE6E1
- F1ECE8
- F6F3F0
- FAF9F7
Ombre
- B5A89C
- 9A8F85
- 80776E
- 676058
- 4F4944
- 393430
- 23201D
- 100E0C
- 020202
Toni
- C8BBAF
- BFB4A9
- B7AEA4
- AFA79F
- A7A09A
- 9F9A94
- 97938F
- 8F8D8A
- 888685
Armonie di colore
Complementare +180°
- D0C2B4
Gotta Have It
- B8C7D4
≈ Winter Blizzard
Analogo -30° +30°
- D0C2B4
Gotta Have It
- D4C0B9
≈ Wild Rice
- C9C5B3
≈ Moss Island
Triadico +120° +240°
- D0C2B4
Gotta Have It
- B3CAC7
≈ Berry Mojito
- C9C1D2
≈ Orchid Fragrance
Complementare divisa +150° +210°
- D0C2B4
Gotta Have It
- B4C9CF
≈ English Hollyhock
- C0C4D5
≈ Grape Lavender
Tetradico +90° +180° +270°
- D0C2B4
Gotta Have It
- B8CABE
≈ Tropical Cyclone
- B8C7D4
≈ Winter Blizzard
- D0BFCA
≈ So Dainty
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.74:1 · APCA Lc 32
Ag
AAASu nero
WCAG 12.05:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--gotta-have-it: #d0c2b4;
--gotta-have-it-rgb: 208 194 180;
--gotta-have-it-oklch: oklch(0.822 0.025 67.5);
}
.element {
color: var(--gotta-have-it);
background-color: hsl(30 23% 76%);
border-color: oklch(0.822 0.025 67.5);
}Tailwind CSS v4
@theme {
--color-gotta-have-it: #d0c2b4;
--color-gotta-have-it-50: #faf4ee;
--color-gotta-have-it-100: #ede7df;
--color-gotta-have-it-200: #dbd3c9;
--color-gotta-have-it-300: #c0b5aa;
--color-gotta-have-it-400: #a99c8f;
--color-gotta-have-it-500: #928375;
--color-gotta-have-it-600: #7b6f63;
--color-gotta-have-it-700: #63594f;
--color-gotta-have-it-800: #494139;
--color-gotta-have-it-900: #322d27;
--color-gotta-have-it-950: #1e1a15;
}SCSS
$gotta-have-it: #d0c2b4;
$gotta-have-it-rgb: 208, 194, 180;
$gotta-have-it-light: mix(#fff, $gotta-have-it, 20%);
$gotta-have-it-dark: mix(#000, $gotta-have-it, 20%);
.element {
color: $gotta-have-it;
box-shadow: 0 0 0 2px rgba($gotta-have-it, 0.35);
}