가장 가까운 이름 색상 · #B99192
#B99192
가장 가까운 이름 색상: Rosy Brown
#B99192(rgb(185 145 146), hsl(359 22% 65%), oklch(0.694 0.048 16.7))와 가장 가까운 이름 색상은 Rosy Brown입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B99192
oklch(0.694 0.048 16.7)
색상 변환
- HEX
- #b99192
- RGB
- rgb(185 145 146)
- HSL
- hsl(359 22% 65%)
- HWB
- hwb(359 57% 27%)
- OKLCH
- oklch(0.694 0.048 16.7)
- OKLab
- oklab(0.694 0.046 0.014)
- CIE Lab
- lab(64.03 15.66 5.55)
- LCH
- lch(64.03 16.62 19.5)
- CMYK
- cmyk(0% 22% 21% 27%)
틴트 · 셰이드 · 톤
틴트
- C09C9C
- C7A6A7
- CEB1B2
- D5BCBC
- DCC7C7
- E3D2D2
- EADDDD
- F1E8E8
- F8F4F4
셰이드
- A07D7E
- 896A6B
- 715858
- 5B4646
- 463535
- 312525
- 1E1516
- 0D0708
- 020101
톤
- B38F90
- AE8E8E
- A88C8D
- A28A8B
- 9D8989
- 978787
- 918585
- 8C8484
- 868282
색 조화
보색 +180°
- B99192
Rosy Brown
- 79A6A7
≈ Cresting Waves
유사색 -30° +30°
- B99192
Rosy Brown
- B491A3
≈ Ashberry
- B79483
≈ Brush
삼각 배색 +120° +240°
- B99192
Rosy Brown
- 8FA487
≈ Sonoma Sage
- 8A9EBB
≈ Astro Bound
분열 보색 +150° +210°
- B99192
Rosy Brown
- 80A796
≈ Verdigreen
- 7DA3B4
≈ Lake Winnipeg
사각 배색 +90° +180° +270°
- B99192
Rosy Brown
- A09F7C
≈ French Pear
- 79A6A7
≈ Cresting Waves
- 9A99BA
≈ Thistle Down
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.78:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.52:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--rosy-brown: #b99192;
--rosy-brown-rgb: 185 145 146;
--rosy-brown-oklch: oklch(0.694 0.048 16.7);
}
.element {
color: var(--rosy-brown);
background-color: hsl(359 22% 65%);
border-color: oklch(0.694 0.048 16.7);
}Tailwind CSS v4
@theme {
--color-rosy-brown: #b99192;
--color-rosy-brown-50: #fff0f0;
--color-rosy-brown-100: #f8e2e1;
--color-rosy-brown-200: #e8cccc;
--color-rosy-brown-300: #cfaeae;
--color-rosy-brown-400: #b99394;
--color-rosy-brown-500: #a4797b;
--color-rosy-brown-600: #8b6768;
--color-rosy-brown-700: #6f5253;
--color-rosy-brown-800: #523c3d;
--color-rosy-brown-900: #39292a;
--color-rosy-brown-950: #231718;
}SCSS
$rosy-brown: #b99192;
$rosy-brown-rgb: 185, 145, 146;
$rosy-brown-light: mix(#fff, $rosy-brown, 20%);
$rosy-brown-dark: mix(#000, $rosy-brown, 20%);
.element {
color: $rosy-brown;
box-shadow: 0 0 0 2px rgba($rosy-brown, 0.35);
}