Colore con nome · #3A3F45
Glaucophobia
Glaucophobia è #3A3F45: rgb(58 63 69), hsl(213 9% 25%), oklch(0.365 0.012 253). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Glaucophobia color name →
#3A3F45
oklch(0.365 0.012 253)
Conversioni di colore
- HEX
- #3a3f45
- RGB
- rgb(58 63 69)
- HSL
- hsl(213 9% 25%)
- HWB
- hwb(213 23% 73%)
- OKLCH
- oklch(0.365 0.012 253)
- OKLab
- oklab(0.365 -0.004 -0.012)
- CIE Lab
- lab(26.35 -1.05 -4.43)
- LCH
- lch(26.35 4.56 256.6)
- CMYK
- cmyk(16% 9% 0% 73%)
Tinte · Ombre · Toni
Tinte
- 4B5056
- 5D6167
- 707478
- 83868A
- 96999D
- AAADB0
- BFC1C3
- D4D5D7
- E9EAEB
Ombre
- 31353B
- 282C31
- 202327
- 181B1E
- 101215
- 090A0C
- 040405
- 010102
- 000000
Toni
- 41454B
- 474B50
- 4E5256
- 55585C
- 5C5F62
- 636568
- 6A6C6E
- 717274
- 79797A
Armonie di colore
Complementare +180°
- 3A3F45
Glaucophobia
- 433E37
≈ Joesmithite
Analogo -30° +30°
- 3A3F45
Glaucophobia
- 384043
≈ Charade
- 3D3E45
≈ Glaucophobia
Triadico +120° +240°
- 3A3F45
Glaucophobia
- 453C3D
≈ Black Truffle
- 3C4039
≈ Dead Sea Mud
Complementare divisa +150° +210°
- 3A3F45
Glaucophobia
- 443D39
≈ Binrouji Black
- 3F3F37
≈ Sunday Niqab
Tetradico +90° +180° +270°
- 3A3F45
Glaucophobia
- 433C40
≈ Midnight Escape
- 433E37
≈ Joesmithite
- 39413D
≈ Dead Sea Mud
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.62:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.97:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.62:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--glaucophobia: #3a3f45;
--glaucophobia-rgb: 58 63 69;
--glaucophobia-oklch: oklch(0.365 0.012 253);
}
.element {
color: var(--glaucophobia);
background-color: hsl(213 9% 25%);
border-color: oklch(0.365 0.012 253);
}Tailwind CSS v4
@theme {
--color-glaucophobia: #3a3f45;
--color-glaucophobia-50: #f3f5f9;
--color-glaucophobia-100: #e5e8ec;
--color-glaucophobia-200: #d1d5d9;
--color-glaucophobia-300: #b3b8be;
--color-glaucophobia-400: #999fa6;
--color-glaucophobia-500: #81878e;
--color-glaucophobia-600: #6d7278;
--color-glaucophobia-700: #575b60;
--color-glaucophobia-800: #3f4347;
--color-glaucophobia-900: #2c2e31;
--color-glaucophobia-950: #191b1d;
}SCSS
$glaucophobia: #3a3f45;
$glaucophobia-rgb: 58, 63, 69;
$glaucophobia-light: mix(#fff, $glaucophobia, 20%);
$glaucophobia-dark: mix(#000, $glaucophobia, 20%);
.element {
color: $glaucophobia;
box-shadow: 0 0 0 2px rgba($glaucophobia, 0.35);
}