Colore con nome · #394043
Charade
Charade è #394043: rgb(57 64 67), hsl(198 8% 24%), oklch(0.366 0.011 225.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Charade color name →
#394043
oklch(0.366 0.011 225.3)
Conversioni di colore
- HEX
- #394043
- RGB
- rgb(57 64 67)
- HSL
- hsl(198 8% 24%)
- HWB
- hwb(198 22% 74%)
- OKLCH
- oklch(0.366 0.011 225.3)
- OKLab
- oklab(0.366 -0.007 -0.008)
- CIE Lab
- lab(26.52 -2.45 -2.88)
- LCH
- lch(26.52 3.78 229.6)
- CMYK
- cmyk(15% 4% 0% 74%)
Tinte · Ombre · Toni
Tinte
- 4A5154
- 5C6265
- 6F7477
- 828789
- 969A9C
- AAADAF
- BFC1C2
- D4D5D6
- E9EAEA
Ombre
- 303639
- 282D2F
- 1F2426
- 171B1D
- 101314
- 090B0C
- 040505
- 010101
- 000000
Toni
- 404649
- 464C4F
- 4D5255
- 54595B
- 5B5F61
- 636667
- 6A6C6D
- 717373
- 79797A
Armonie di colore
Complementare +180°
- 394043
Charade
- 443D3A
≈ Binrouji Black
Analogo -30° +30°
- 394043
Charade
- 394140
≈ Dying Light
- 3B3F44
≈ Glaucophobia
Triadico +120° +240°
- 394043
Charade
- 433D40
≈ Black Truffle
- 3F3F39
≈ November Storms
Complementare divisa +150° +210°
- 394043
Charade
- 443D3D
≈ Binrouji Black
- 423E39
≈ November Storms
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.56:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.98:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.56:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--charade: #394043;
--charade-rgb: 57 64 67;
--charade-oklch: oklch(0.366 0.011 225.3);
}
.element {
color: var(--charade);
background-color: hsl(198 8% 24%);
border-color: oklch(0.366 0.011 225.3);
}Tailwind CSS v4
@theme {
--color-charade: #394043;
--color-charade-50: #f2f6f7;
--color-charade-100: #e4e9eb;
--color-charade-200: #d0d5d8;
--color-charade-300: #b2b9bc;
--color-charade-400: #98a0a3;
--color-charade-500: #7f888c;
--color-charade-600: #6c7376;
--color-charade-700: #565c5e;
--color-charade-800: #3f4345;
--color-charade-900: #2b2e30;
--color-charade-950: #181b1c;
}SCSS
$charade: #394043;
$charade-rgb: 57, 64, 67;
$charade-light: mix(#fff, $charade, 20%);
$charade-dark: mix(#000, $charade, 20%);
.element {
color: $charade;
box-shadow: 0 0 0 2px rgba($charade, 0.35);
}