이름 색상 · #5A5E61
Blindfolded
Blindfolded은(는) #5A5E61: rgb(90 94 97), hsl(206 4% 37%), oklch(0.479 0.007 239.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Blindfolded color name →
#5A5E61
oklch(0.479 0.007 239.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 696D6F
- 787C7E
- 888B8D
- 989B9D
- A9ABAD
- B9BBBD
- CACCCD
- DCDDDD
- EDEEEE
셰이드
- 4D5153
- 414446
- 353739
- 292B2D
- 1E1F21
- 131415
- 090A0B
- 030303
- 000000
톤
- 5E6164
- 616567
- 65686A
- 696B6D
- 6D6F70
- 717273
- 747677
- 78797A
- 7C7D7D
색 조화
보색 +180°
- 5A5E61
Blindfolded
- 605D5A
≈ Deep Walnut
유사색 -30° +30°
- 5A5E61
Blindfolded
- 595F60
≈ Anchor Grey
- 5C5D61
≈ Glazed Granite
삼각 배색 +120° +240°
- 5A5E61
Blindfolded
- 615C5D
≈ Plum Kitten
- 5D5E5A
≈ Sable Evening
분열 보색 +150° +210°
- 5A5E61
Blindfolded
- 615C5B
≈ Night Gull Grey
- 5F5D59
≈ Stone’s Throw
사각 배색 +90° +180° +270°
- 5A5E61
Blindfolded
- 605C5F
≈ Volcanic Glass
- 605D5A
≈ Deep Walnut
- 5B5F5B
≈ Soot Veil
대비 및 접근성
Ag
AA흰색 위
WCAG 6.54:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.20:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.54:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
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);
}