Colore con nome · #C4B9B8
Nebulous
Nebulous è #C4B9B8: rgb(196 185 184), hsl(5 9% 75%), oklch(0.795 0.013 23.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Nebulous color name →
#C4B9B8
oklch(0.795 0.013 23.7)
Conversioni di colore
- HEX
- #c4b9b8
- RGB
- rgb(196 185 184)
- HSL
- hsl(5 9% 75%)
- HWB
- hwb(5 72% 23%)
- OKLCH
- oklch(0.795 0.013 23.7)
- OKLab
- oklab(0.795 0.012 0.005)
- CIE Lab
- lab(76.05 3.89 1.98)
- LCH
- lch(76.05 4.36 26.9)
- CMYK
- cmyk(0% 6% 6% 23%)
Tinte · Ombre · Toni
Tinte
- CAC0BF
- D0C7C6
- D5CECD
- DBD5D4
- E1DBDB
- E7E3E2
- EDEAE9
- F3F1F0
- F9F8F8
Ombre
- AAA0A0
- 918988
- 787171
- 615B5B
- 4A4645
- 353131
- 211E1E
- 0E0D0C
- 020202
Toni
- BDB3B2
- B6ADAD
- AFA8A7
- A8A2A1
- A19C9C
- 9B9696
- 949190
- 8D8B8B
- 878685
Armonie di colore
Complementare +180°
- C4B9B8
Nebulous
- B3BEC0
≈ Grey Brook
Analogo -30° +30°
- C4B9B8
Nebulous
- C3B9BC
≈ Lilac Marble
- C3BAB5
≈ Mauve Stone
Triadico +120° +240°
- C4B9B8
Nebulous
- B7BEB7
≈ Solstice
- B8BCC4
≈ Silver Springs
Complementare divisa +150° +210°
- C4B9B8
Nebulous
- B4BFBB
≈ Rocky Mountain Sky
- B5BEC3
≈ Soothing Breeze
Tetradico +90° +180° +270°
- C4B9B8
Nebulous
- BCBDB4
≈ Argos
- B3BEC0
≈ Grey Brook
- BCBBC4
≈ Silver Fox
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.91:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.97:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--nebulous: #c4b9b8;
--nebulous-rgb: 196 185 184;
--nebulous-oklch: oklch(0.795 0.013 23.7);
}
.element {
color: var(--nebulous);
background-color: hsl(5 9% 75%);
border-color: oklch(0.795 0.013 23.7);
}Tailwind CSS v4
@theme {
--color-nebulous: #c4b9b8;
--color-nebulous-50: #f9f4f3;
--color-nebulous-100: #ece6e6;
--color-nebulous-200: #dad2d1;
--color-nebulous-300: #beb5b4;
--color-nebulous-400: #a69c9b;
--color-nebulous-500: #8e8382;
--color-nebulous-600: #786f6e;
--color-nebulous-700: #605958;
--color-nebulous-800: #474140;
--color-nebulous-900: #312d2c;
--color-nebulous-950: #1d1a19;
}SCSS
$nebulous: #c4b9b8;
$nebulous-rgb: 196, 185, 184;
$nebulous-light: mix(#fff, $nebulous, 20%);
$nebulous-dark: mix(#000, $nebulous, 20%);
.element {
color: $nebulous;
box-shadow: 0 0 0 2px rgba($nebulous, 0.35);
}