Colore con nome · #5A5E61
Blindfolded
Blindfolded è #5A5E61: rgb(90 94 97), hsl(206 4% 37%), oklch(0.479 0.007 239.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Blindfolded color name →
#5A5E61
oklch(0.479 0.007 239.9)
Conversioni di colore
- HEX
- #5a5e61
- RGB
- rgb(90 94 97)
- HSL
- hsl(206 4% 37%)
- HWB
- hwb(206 35% 62%)
- OKLCH
- oklch(0.479 0.007 239.9)
- OKLab
- oklab(0.479 -0.003 -0.006)
- CIE Lab
- lab(39.62 -1.14 -2.3)
- LCH
- lch(39.62 2.56 243.7)
- CMYK
- cmyk(7% 3% 0% 62%)
Tinte · Ombre · Toni
Tinte
- 696D6F
- 787C7E
- 888B8D
- 989B9D
- A9ABAD
- B9BBBD
- CACCCD
- DCDDDD
- EDEEEE
Ombre
- 4D5153
- 414446
- 353739
- 292B2D
- 1E1F21
- 131415
- 090A0B
- 030303
- 000000
Toni
- 5E6164
- 616567
- 65686A
- 696B6D
- 6D6F70
- 717273
- 747677
- 78797A
- 7C7D7D
Armonie di colore
Complementare +180°
- 5A5E61
Blindfolded
- 605D5A
≈ Deep Walnut
Analogo -30° +30°
- 5A5E61
Blindfolded
- 595F60
≈ Anchor Grey
- 5C5D61
≈ Glazed Granite
Triadico +120° +240°
- 5A5E61
Blindfolded
- 615C5D
≈ Plum Kitten
- 5D5E5A
≈ Sable Evening
Complementare divisa +150° +210°
- 5A5E61
Blindfolded
- 615C5B
≈ Night Gull Grey
- 5F5D59
≈ Stone’s Throw
Tetradico +90° +180° +270°
- 5A5E61
Blindfolded
- 605C5F
≈ Volcanic Glass
- 605D5A
≈ Deep Walnut
- 5B5F5B
≈ Soot Veil
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.54:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.20:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.54:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--blindfolded: #5a5e61;
--blindfolded-rgb: 90 94 97;
--blindfolded-oklch: oklch(0.479 0.007 239.9);
}
.element {
color: var(--blindfolded);
background-color: hsl(206 4% 37%);
border-color: oklch(0.479 0.007 239.9);
}Tailwind CSS v4
@theme {
--color-blindfolded: #5a5e61;
--color-blindfolded-50: #f3f5f7;
--color-blindfolded-100: #e6e8ea;
--color-blindfolded-200: #d2d5d7;
--color-blindfolded-300: #b4b8bb;
--color-blindfolded-400: #9b9fa2;
--color-blindfolded-500: #82878a;
--color-blindfolded-600: #6e7275;
--color-blindfolded-700: #585b5e;
--color-blindfolded-800: #404344;
--color-blindfolded-900: #2c2e2f;
--color-blindfolded-950: #191b1c;
}SCSS
$blindfolded: #5a5e61;
$blindfolded-rgb: 90, 94, 97;
$blindfolded-light: mix(#fff, $blindfolded, 20%);
$blindfolded-dark: mix(#000, $blindfolded, 20%);
.element {
color: $blindfolded;
box-shadow: 0 0 0 2px rgba($blindfolded, 0.35);
}