Nazwany kolor · #5A5E61
Blindfolded
Blindfolded to #5A5E61: rgb(90 94 97), hsl(206 4% 37%), oklch(0.479 0.007 239.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Blindfolded color name →
#5A5E61
oklch(0.479 0.007 239.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 696D6F
- 787C7E
- 888B8D
- 989B9D
- A9ABAD
- B9BBBD
- CACCCD
- DCDDDD
- EDEEEE
Odcienie ciemniejsze
- 4D5153
- 414446
- 353739
- 292B2D
- 1E1F21
- 131415
- 090A0B
- 030303
- 000000
Tony
- 5E6164
- 616567
- 65686A
- 696B6D
- 6D6F70
- 717273
- 747677
- 78797A
- 7C7D7D
Harmonie kolorów
Komplementarna +180°
- 5A5E61
Blindfolded
- 605D5A
≈ Deep Walnut
Analogowa -30° +30°
- 5A5E61
Blindfolded
- 595F60
≈ Anchor Grey
- 5C5D61
≈ Glazed Granite
Triada +120° +240°
- 5A5E61
Blindfolded
- 615C5D
≈ Plum Kitten
- 5D5E5A
≈ Sable Evening
Komplementarna rozszczepiona +150° +210°
- 5A5E61
Blindfolded
- 615C5B
≈ Night Gull Grey
- 5F5D59
≈ Stone’s Throw
Tetrada +90° +180° +270°
- 5A5E61
Blindfolded
- 605C5F
≈ Volcanic Glass
- 605D5A
≈ Deep Walnut
- 5B5F5B
≈ Soot Veil
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.54:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.20:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.54:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
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);
}