Colore con nome · #515252
Cavernous
Cavernous è #515252: rgb(81 82 82), hsl(180 1% 32%), oklch(0.438 0.001 197.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cavernous color name →
#515252
oklch(0.438 0.001 197.1)
Conversioni di colore
- HEX
- #515252
- RGB
- rgb(81 82 82)
- HSL
- hsl(180 1% 32%)
- HWB
- hwb(180 32% 68%)
- OKLCH
- oklch(0.438 0.001 197.1)
- OKLab
- oklab(0.438 -0.001 0)
- CIE Lab
- lab(34.78 -0.42 -0.15)
- LCH
- lch(34.78 0.44 199.6)
- CMYK
- cmyk(1% 0% 0% 68%)
Tinte · Ombre · Toni
Tinte
- 616262
- 717272
- 818282
- 929393
- A4A4A4
- B5B6B6
- C7C8C8
- DADADA
- ECECEC
Ombre
- 454646
- 3A3B3B
- 2F2F2F
- 242525
- 1A1A1A
- 101111
- 070808
- 020202
- 000000
Toni
- 565656
- 5A5B5B
- 5F5F5F
- 636464
- 686969
- 6D6D6D
- 727272
- 767777
- 7B7B7B
Armonie di colore
Complementare +180°
- 515252
Cavernous
- 525151
≈ Cavernous
Analogo -30° +30°
- 515252
Cavernous
- 515252
≈ Cavernous
- 515252
≈ Cavernous
Triadico +120° +240°
- 515252
Cavernous
- 525252
≈ Cavernous
- 525251
≈ Cavernous
Complementare divisa +150° +210°
- 515252
Cavernous
- 525152
≈ Celluloid
- 525251
≈ Cavernous
Tetradico +90° +180° +270°
- 515252
Cavernous
- 525252
≈ Cavernous
- 525151
≈ Cavernous
- 525251
≈ Cavernous
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.83:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.67:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.83:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--cavernous: #515252;
--cavernous-rgb: 81 82 82;
--cavernous-oklch: oklch(0.438 0.001 197.1);
}
.element {
color: var(--cavernous);
background-color: hsl(180 1% 32%);
border-color: oklch(0.438 0.001 197.1);
}Tailwind CSS v4
@theme {
--color-cavernous: #515252;
--color-cavernous-50: #f5f5f5;
--color-cavernous-100: #e7e8e8;
--color-cavernous-200: #d3d4d4;
--color-cavernous-300: #b6b7b7;
--color-cavernous-400: #9d9e9e;
--color-cavernous-500: #858686;
--color-cavernous-600: #717272;
--color-cavernous-700: #5a5b5b;
--color-cavernous-800: #424242;
--color-cavernous-900: #2d2e2e;
--color-cavernous-950: #1a1b1b;
}SCSS
$cavernous: #515252;
$cavernous-rgb: 81, 82, 82;
$cavernous-light: mix(#fff, $cavernous, 20%);
$cavernous-dark: mix(#000, $cavernous, 20%);
.element {
color: $cavernous;
box-shadow: 0 0 0 2px rgba($cavernous, 0.35);
}