이름 색상 · #B8B19F
Saturn Grey
Saturn Grey은(는) #B8B19F: rgb(184 177 159), hsl(43 15% 67%), oklch(0.761 0.026 89.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Saturn Grey color name →
#B8B19F
oklch(0.761 0.026 89.2)
색상 변환
- HEX
- #b8b19f
- RGB
- rgb(184 177 159)
- HSL
- hsl(43 15% 67%)
- HWB
- hwb(43 62% 28%)
- OKLCH
- oklch(0.761 0.026 89.2)
- OKLab
- oklab(0.761 0 0.026)
- CIE Lab
- lab(72.42 0.27 10.19)
- LCH
- lch(72.42 10.19 88.5)
- CMYK
- cmyk(0% 4% 14% 28%)
틴트 · 셰이드 · 톤
틴트
- BFB9A8
- C6C0B2
- CDC8BB
- D4D0C5
- DBD7CE
- E2DFD8
- E9E7E1
- F0EFEB
- F8F7F5
셰이드
- A0998A
- 888375
- 716C61
- 5B574D
- 45423B
- 312F29
- 1E1C18
- 0C0C09
- 020101
톤
- B2AC9C
- ADA799
- A7A296
- A19D93
- 9C988F
- 96938C
- 908E89
- 8B8A86
- 858583
색 조화
보색 +180°
- B8B19F
Saturn Grey
- AAB1C3
≈ Fragrant Wand
유사색 -30° +30°
- B8B19F
Saturn Grey
- BFAEA1
≈ Blind Date
- AFB4A2
≈ Stormy Day
삼각 배색 +120° +240°
- B8B19F
Saturn Grey
- 9FB6BA
≈ Blue by You
- BBACBA
≈ Lola
분열 보색 +150° +210°
- B8B19F
Saturn Grey
- A3B4C1
≈ Faded Flaxflower
- B3AEC0
≈ Wisteria Trellis
사각 배색 +90° +180° +270°
- B8B19F
Saturn Grey
- A0B7B2
≈ Holly Glen
- AAB1C3
≈ Fragrant Wand
- C1ABB1
≈ Lavender Scent
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.13:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.82:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--saturn-grey: #b8b19f;
--saturn-grey-rgb: 184 177 159;
--saturn-grey-oklch: oklch(0.761 0.026 89.2);
}
.element {
color: var(--saturn-grey);
background-color: hsl(43 15% 67%);
border-color: oklch(0.761 0.026 89.2);
}Tailwind CSS v4
@theme {
--color-saturn-grey: #b8b19f;
--color-saturn-grey-50: #f8f5ed;
--color-saturn-grey-100: #ebe8de;
--color-saturn-grey-200: #d8d4c8;
--color-saturn-grey-300: #bcb7a9;
--color-saturn-grey-400: #a59e8d;
--color-saturn-grey-500: #8d8673;
--color-saturn-grey-600: #777161;
--color-saturn-grey-700: #5f5a4e;
--color-saturn-grey-800: #464238;
--color-saturn-grey-900: #312e26;
--color-saturn-grey-950: #1d1a15;
}SCSS
$saturn-grey: #b8b19f;
$saturn-grey-rgb: 184, 177, 159;
$saturn-grey-light: mix(#fff, $saturn-grey, 20%);
$saturn-grey-dark: mix(#000, $saturn-grey, 20%);
.element {
color: $saturn-grey;
box-shadow: 0 0 0 2px rgba($saturn-grey, 0.35);
}