이름 색상 · #927C75
Soft Rabbit Brown
Soft Rabbit Brown은(는) #927C75: rgb(146 124 117), hsl(14 12% 52%), oklch(0.605 0.029 38.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Soft Rabbit Brown color name →
#927C75
oklch(0.605 0.029 38.4)
색상 변환
- HEX
- #927c75
- RGB
- rgb(146 124 117)
- HSL
- hsl(14 12% 52%)
- HWB
- hwb(14 46% 43%)
- OKLCH
- oklch(0.605 0.029 38.4)
- OKLab
- oklab(0.605 0.023 0.018)
- CIE Lab
- lab(53.95 7.88 7.15)
- LCH
- lch(53.95 10.64 42.2)
- CMYK
- cmyk(0% 15% 20% 43%)
틴트 · 셰이드 · 톤
틴트
- 9D8882
- A7958F
- B2A29C
- BDAEAA
- C7BBB8
- D2C9C6
- DDD6D4
- E9E4E2
- F4F1F0
셰이드
- 7E6B65
- 6B5A55
- 584A46
- 463B37
- 352C29
- 251E1C
- 16110F
- 080505
- 010101
톤
- 907C76
- 8F7D77
- 8D7D78
- 8B7E79
- 897E7B
- 877E7C
- 867F7D
- 847F7E
- 82807F
색 조화
보색 +180°
- 927C75
Soft Rabbit Brown
- 6F868D
≈ Winter in Paris
유사색 -30° +30°
- 927C75
Soft Rabbit Brown
- 927B7E
≈ Chocolaty
- 8E7F6F
≈ Safari Beige
삼각 배색 +120° +240°
- 927C75
Soft Rabbit Brown
- 73877B
≈ Xanadu
- 7D8093
≈ Majestic Mount
분열 보색 +150° +210°
- 927C75
Soft Rabbit Brown
- 6E8885
≈ Classic Calm
- 748493
≈ New Steel
사각 배색 +90° +180° +270°
- 927C75
Soft Rabbit Brown
- 7C8573
≈ Leafy Lichen
- 6F868D
≈ Winter in Paris
- 877D8F
≈ Purpletone
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.91:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.36:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.36:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--soft-rabbit-brown: #927c75;
--soft-rabbit-brown-rgb: 146 124 117;
--soft-rabbit-brown-oklch: oklch(0.605 0.029 38.4);
}
.element {
color: var(--soft-rabbit-brown);
background-color: hsl(14 12% 52%);
border-color: oklch(0.605 0.029 38.4);
}Tailwind CSS v4
@theme {
--color-soft-rabbit-brown: #927c75;
--color-soft-rabbit-brown-50: #fdf3ef;
--color-soft-rabbit-brown-100: #f1e5e1;
--color-soft-rabbit-brown-200: #e0d0cb;
--color-soft-rabbit-brown-300: #c5b3ac;
--color-soft-rabbit-brown-400: #af9992;
--color-soft-rabbit-brown-500: #988078;
--color-soft-rabbit-brown-600: #816c66;
--color-soft-rabbit-brown-700: #675751;
--color-soft-rabbit-brown-800: #4c3f3b;
--color-soft-rabbit-brown-900: #352b29;
--color-soft-rabbit-brown-950: #201917;
}SCSS
$soft-rabbit-brown: #927c75;
$soft-rabbit-brown-rgb: 146, 124, 117;
$soft-rabbit-brown-light: mix(#fff, $soft-rabbit-brown, 20%);
$soft-rabbit-brown-dark: mix(#000, $soft-rabbit-brown, 20%);
.element {
color: $soft-rabbit-brown;
box-shadow: 0 0 0 2px rgba($soft-rabbit-brown, 0.35);
}