가장 가까운 이름 색상 · #B6A395
#B6A395
가장 가까운 이름 색상: Sombrero
#B6A395(rgb(182 163 149), hsl(25 18% 65%), oklch(0.728 0.03 58.7))와 가장 가까운 이름 색상은 Sombrero입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B6A395
oklch(0.728 0.03 58.7)
색상 변환
- HEX
- #b6a395
- RGB
- rgb(182 163 149)
- HSL
- hsl(25 18% 65%)
- HWB
- hwb(25 58% 29%)
- OKLCH
- oklch(0.728 0.03 58.7)
- OKLab
- oklab(0.728 0.016 0.026)
- CIE Lab
- lab(68.38 5.45 9.96)
- LCH
- lch(68.38 11.35 61.3)
- CMYK
- cmyk(0% 10% 18% 29%)
틴트 · 셰이드 · 톤
틴트
- BDAC9F
- C4B5A9
- CCBEB4
- D3C7BE
- DAD0C9
- E1D9D4
- E9E3DE
- F0ECE9
- F8F5F4
셰이드
- 9E8D81
- 86786D
- 6F635A
- 594F48
- 443C37
- 302A26
- 1D1916
- 0C0A08
- 020101
톤
- B09F93
- AB9C91
- A6988F
- A0958D
- 9B918B
- 958E88
- 908A86
- 8B8784
- 858382
색 조화
보색 +180°
- B6A395
Sombrero
- 97AAB8
≈ Cool Customer
유사색 -30° +30°
- B6A395
Sombrero
- B9A19D
≈ Desert Echo
- AFA792
≈ Elder Creek
삼각 배색 +120° +240°
- B6A395
Sombrero
- 94AEA7
≈ Delicate Green
- A9A3B8
≈ Awaken
분열 보색 +150° +210°
- B6A395
Sombrero
- 92ADB1
≈ Beach Cottage
- 9FA7BB
≈ Icelandic Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.42:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.66:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.66:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--sombrero: #b6a395;
--sombrero-rgb: 182 163 149;
--sombrero-oklch: oklch(0.728 0.03 58.7);
}
.element {
color: var(--sombrero);
background-color: hsl(25 18% 65%);
border-color: oklch(0.728 0.03 58.7);
}Tailwind CSS v4
@theme {
--color-sombrero: #b6a395;
--color-sombrero-50: #fcf3ed;
--color-sombrero-100: #f0e6de;
--color-sombrero-200: #ded2c8;
--color-sombrero-300: #c3b4a8;
--color-sombrero-400: #ac9b8d;
--color-sombrero-500: #968273;
--color-sombrero-600: #7f6e61;
--color-sombrero-700: #65584e;
--color-sombrero-800: #4b4039;
--color-sombrero-900: #342c27;
--color-sombrero-950: #1f1915;
}SCSS
$sombrero: #b6a395;
$sombrero-rgb: 182, 163, 149;
$sombrero-light: mix(#fff, $sombrero, 20%);
$sombrero-dark: mix(#000, $sombrero, 20%);
.element {
color: $sombrero;
box-shadow: 0 0 0 2px rgba($sombrero, 0.35);
}