이름 색상 · #748B97
Bluish Grey
Bluish Grey은(는) #748B97: rgb(116 139 151), hsl(201 14% 52%), oklch(0.623 0.032 230.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Bluish Grey color name →
#748B97
oklch(0.623 0.032 230.6)
색상 변환
- HEX
- #748b97
- RGB
- rgb(116 139 151)
- HSL
- hsl(201 14% 52%)
- HWB
- hwb(201 45% 41%)
- OKLCH
- oklch(0.623 0.032 230.6)
- OKLab
- oklab(0.623 -0.02 -0.025)
- CIE Lab
- lab(56.36 -6.42 -9.3)
- LCH
- lch(56.36 11.31 235.4)
- CMYK
- cmyk(23% 8% 0% 41%)
틴트 · 셰이드 · 톤
틴트
- 8196A1
- 8FA1AB
- 9CADB5
- AAB8C0
- B8C4CA
- C6CFD4
- D4DBDF
- E2E7EA
- F0F3F4
셰이드
- 647883
- 54666F
- 45545C
- 374349
- 293237
- 1B2326
- 0F1417
- 050708
- 010101
톤
- 758A95
- 778992
- 788890
- 79878E
- 7A868C
- 7C8489
- 7D8387
- 7E8285
- 7F8182
색 조화
보색 +180°
- 748B97
Bluish Grey
- 988276
≈ Flower Wood
유사색 -30° +30°
- 748B97
Bluish Grey
- 718D8F
≈ Leisure Time
- 7C889B
≈ Window Screen
삼각 배색 +120° +240°
- 748B97
Bluish Grey
- 977F89
≈ Toadstool Soup
- 888973
≈ Dried Basil
분열 보색 +150° +210°
- 748B97
Bluish Grey
- 9A807F
≈ Opium
- 918572
≈ Faint Allegory
사각 배색 +90° +180° +270°
- 748B97
Bluish Grey
- 908193
≈ Purple Ash
- 988276
≈ Flower Wood
- 7D8C7A
≈ Amazon Moss
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.56:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.88:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.88:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--bluish-grey: #748b97;
--bluish-grey-rgb: 116 139 151;
--bluish-grey-oklch: oklch(0.623 0.032 230.6);
}
.element {
color: var(--bluish-grey);
background-color: hsl(201 14% 52%);
border-color: oklch(0.623 0.032 230.6);
}Tailwind CSS v4
@theme {
--color-bluish-grey: #748b97;
--color-bluish-grey-50: #edf7fd;
--color-bluish-grey-100: #deeaf1;
--color-bluish-grey-200: #c7d7e0;
--color-bluish-grey-300: #a8bbc5;
--color-bluish-grey-400: #8ca2ae;
--color-bluish-grey-500: #718b98;
--color-bluish-grey-600: #607580;
--color-bluish-grey-700: #4d5e67;
--color-bluish-grey-800: #37454b;
--color-bluish-grey-900: #263034;
--color-bluish-grey-950: #141c20;
}SCSS
$bluish-grey: #748b97;
$bluish-grey-rgb: 116, 139, 151;
$bluish-grey-light: mix(#fff, $bluish-grey, 20%);
$bluish-grey-dark: mix(#000, $bluish-grey, 20%);
.element {
color: $bluish-grey;
box-shadow: 0 0 0 2px rgba($bluish-grey, 0.35);
}