이름 색상 · #90979B
Steely Grey
Steely Grey은(는) #90979B: rgb(144 151 155), hsl(202 5% 59%), oklch(0.672 0.01 232.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Steely Grey color name →
#90979B
oklch(0.672 0.01 232.4)
색상 변환
- HEX
- #90979b
- RGB
- rgb(144 151 155)
- HSL
- hsl(202 5% 59%)
- HWB
- hwb(202 56% 39%)
- OKLCH
- oklch(0.672 0.01 232.4)
- OKLab
- oklab(0.672 -0.006 -0.008)
- CIE Lab
- lab(61.98 -2.01 -3.03)
- LCH
- lch(61.98 3.64 236.5)
- CMYK
- cmyk(7% 3% 0% 39%)
틴트 · 셰이드 · 톤
틴트
- 9BA1A5
- A5ABAE
- B0B5B8
- BBBFC2
- C6CACC
- D1D4D6
- DDDFE0
- E8E9EA
- F3F4F5
셰이드
- 7D8386
- 6A6F72
- 575C5E
- 45494B
- 343739
- 242628
- 151718
- 070809
- 010101
톤
- 8E9598
- 8D9296
- 8B9093
- 8A8E90
- 888B8D
- 86898B
- 858788
- 838585
- 828283
색 조화
보색 +180°
- 90979B
Steely Grey
- 9B9490
≈ Tabby Cat Grey
유사색 -30° +30°
- 90979B
Steely Grey
- 8F9898
≈ Barometer
- 92969C
≈ Grisaille
삼각 배색 +120° +240°
- 90979B
Steely Grey
- 9B9396
≈ Warm Asphalt
- 969690
≈ Dusky Parakeet
분열 보색 +150° +210°
- 90979B
Steely Grey
- 9C9393
≈ Warm Asphalt
- 99958F
≈ Tabby Cat Grey
사각 배색 +90° +180° +270°
- 90979B
Steely Grey
- 999499
≈ Hidcote
- 9B9490
≈ Tabby Cat Grey
- 929792
≈ Steel Toe
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.96:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.08:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.08:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--steely-grey: #90979b;
--steely-grey-rgb: 144 151 155;
--steely-grey-oklch: oklch(0.672 0.01 232.4);
}
.element {
color: var(--steely-grey);
background-color: hsl(202 5% 59%);
border-color: oklch(0.672 0.01 232.4);
}Tailwind CSS v4
@theme {
--color-steely-grey: #90979b;
--color-steely-grey-50: #f2f6f8;
--color-steely-grey-100: #e5e8eb;
--color-steely-grey-200: #d0d5d8;
--color-steely-grey-300: #b3b8bc;
--color-steely-grey-400: #99a0a3;
--color-steely-grey-500: #80878c;
--color-steely-grey-600: #6c7376;
--color-steely-grey-700: #575c5f;
--color-steely-grey-800: #3f4345;
--color-steely-grey-900: #2b2e30;
--color-steely-grey-950: #191b1c;
}SCSS
$steely-grey: #90979b;
$steely-grey-rgb: 144, 151, 155;
$steely-grey-light: mix(#fff, $steely-grey, 20%);
$steely-grey-dark: mix(#000, $steely-grey, 20%);
.element {
color: $steely-grey;
box-shadow: 0 0 0 2px rgba($steely-grey, 0.35);
}