Colore con nome · #555E5F
Soot
Soot è #555E5F: rgb(85 94 95), hsl(186 6% 35%), oklch(0.474 0.011 204.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Soot color name →
#555E5F
oklch(0.474 0.011 204.8)
Conversioni di colore
- HEX
- #555e5f
- RGB
- rgb(85 94 95)
- HSL
- hsl(186 6% 35%)
- HWB
- hwb(186 33% 63%)
- OKLCH
- oklch(0.474 0.011 204.8)
- OKLab
- oklab(0.474 -0.01 -0.005)
- CIE Lab
- lab(39.14 -3.46 -1.84)
- LCH
- lch(39.14 3.92 208)
- CMYK
- cmyk(11% 1% 0% 63%)
Tinte · Ombre · Toni
Tinte
- 646D6E
- 747C7D
- 858B8C
- 959B9C
- A6ABAB
- B7BBBC
- C9CCCC
- DBDDDD
- EDEEEE
Ombre
- 495152
- 3D4444
- 313738
- 262B2C
- 1C1F20
- 111415
- 080A0A
- 020303
- 000000
Toni
- 596162
- 5D6565
- 626869
- 666B6C
- 6A6F6F
- 6F7273
- 737676
- 777979
- 7C7D7D
Armonie di colore
Complementare +180°
- 555E5F
Soot
- 625A59
≈ Plum Kitten
Analogo -30° +30°
- 555E5F
Soot
- 565E5C
≈ Earth Green
- 565D62
≈ Turbulence
Triadico +120° +240°
- 555E5F
Soot
- 5F5A60
≈ Tornado Cloud
- 5F5C55
≈ Ironclad
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.66:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.15:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.66:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--soot: #555e5f;
--soot-rgb: 85 94 95;
--soot-oklch: oklch(0.474 0.011 204.8);
}
.element {
color: var(--soot);
background-color: hsl(186 6% 35%);
border-color: oklch(0.474 0.011 204.8);
}Tailwind CSS v4
@theme {
--color-soot: #555e5f;
--color-soot-50: #f2f6f7;
--color-soot-100: #e4e9ea;
--color-soot-200: #cfd6d7;
--color-soot-300: #b1b9ba;
--color-soot-400: #97a0a1;
--color-soot-500: #7e888a;
--color-soot-600: #6b7374;
--color-soot-700: #555c5d;
--color-soot-800: #3e4444;
--color-soot-900: #2b2f2f;
--color-soot-950: #181b1c;
}SCSS
$soot: #555e5f;
$soot-rgb: 85, 94, 95;
$soot-light: mix(#fff, $soot, 20%);
$soot-dark: mix(#000, $soot, 20%);
.element {
color: $soot;
box-shadow: 0 0 0 2px rgba($soot, 0.35);
}