이름 색상 · #B39C8C
Sombrero
Sombrero은(는) #B39C8C: rgb(179 156 140), hsl(25 20% 63%), oklch(0.709 0.036 56.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sombrero color name →
#B39C8C
oklch(0.709 0.036 56.9)
색상 변환
- HEX
- #b39c8c
- RGB
- rgb(179 156 140)
- HSL
- hsl(25 20% 63%)
- HWB
- hwb(25 55% 30%)
- OKLCH
- oklch(0.709 0.036 56.9)
- OKLab
- oklab(0.709 0.019 0.03)
- CIE Lab
- lab(66.1 6.86 11.7)
- LCH
- lch(66.1 13.56 59.6)
- CMYK
- cmyk(0% 13% 22% 30%)
틴트 · 셰이드 · 톤
틴트
- BAA697
- C2AFA2
- CAB9AD
- D1C3B9
- D9CDC4
- E0D6D0
- E8E0DB
- F0EBE7
- F7F5F3
셰이드
- 9B8779
- 847367
- 6E5F55
- 584C43
- 433933
- 2F2823
- 1D1814
- 0C0907
- 010101
톤
- AE998B
- A9968A
- A49489
- 9E9187
- 998E86
- 948B85
- 8F8884
- 8A8683
- 858381
색 조화
보색 +180°
- B39C8C
Sombrero
- 8DA5B5
≈ Cats and Dogs
유사색 -30° +30°
- B39C8C
Sombrero
- B69995
≈ Tawny Mushroom
- ABA088
≈ Sandy Bluff
삼각 배색 +120° +240°
- B39C8C
Sombrero
- 8AA9A0
≈ Tropical Cascade
- A39DB5
≈ Royal Mile
분열 보색 +150° +210°
- B39C8C
Sombrero
- 88A8AC
≈ Stone Silver
- 97A1B8
≈ Silver Star
사각 배색 +90° +180° +270°
- B39C8C
Sombrero
- 93A894
≈ Mantle
- 8DA5B5
≈ Cats and Dogs
- AE9AAD
≈ Lilac Lustre
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.60:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 8.05:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--sombrero: #b39c8c;
--sombrero-rgb: 179 156 140;
--sombrero-oklch: oklch(0.709 0.036 56.9);
}
.element {
color: var(--sombrero);
background-color: hsl(25 20% 63%);
border-color: oklch(0.709 0.036 56.9);
}Tailwind CSS v4
@theme {
--color-sombrero: #b39c8c;
--color-sombrero-50: #fdf3eb;
--color-sombrero-100: #f1e5dc;
--color-sombrero-200: #e0d1c6;
--color-sombrero-300: #c6b3a6;
--color-sombrero-400: #af9a8a;
--color-sombrero-500: #998170;
--color-sombrero-600: #816d5f;
--color-sombrero-700: #68574b;
--color-sombrero-800: #4c3f37;
--color-sombrero-900: #352c25;
--color-sombrero-950: #201914;
}SCSS
$sombrero: #b39c8c;
$sombrero-rgb: 179, 156, 140;
$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);
}