이름 색상 · #B27D50
Cowboy Hat
Cowboy Hat은(는) #B27D50: rgb(178 125 80), hsl(28 39% 51%), oklch(0.633 0.09 60.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cowboy Hat color name →
#B27D50
oklch(0.633 0.09 60.5)
색상 변환
- HEX
- #b27d50
- RGB
- rgb(178 125 80)
- HSL
- hsl(28 39% 51%)
- HWB
- hwb(28 31% 30%)
- OKLCH
- oklch(0.633 0.09 60.5)
- OKLab
- oklab(0.633 0.044 0.078)
- CIE Lab
- lab(57.17 17.53 32.99)
- LCH
- lch(57.17 37.35 62)
- CMYK
- cmyk(0% 30% 55% 30%)
틴트 · 셰이드 · 톤
틴트
- BA8A62
- C29673
- CAA384
- D2B095
- D9BDA6
- E1CAB8
- E9D7C9
- F0E4DB
- F8F2ED
셰이드
- 9A6C44
- 835B39
- 6D4B2E
- 573B24
- 432C1A
- 2F1E10
- 1D1107
- 0C0502
- 010100
톤
- AD7E56
- A87E5B
- A47F60
- 9F7F65
- 9A7F6A
- 95806F
- 908073
- 8B8078
- 85807C
색 조화
보색 +180°
- B27D50
Cowboy Hat
- 5491BB
≈ Cliff Blue
유사색 -30° +30°
- B27D50
Cowboy Hat
- BA7569
≈ Döner Kebab
- 9F8846
≈ Ecru Olive
삼각 배색 +120° +240°
- B27D50
Cowboy Hat
- 419C8D
≈ Dioptase Green
- 937DB8
≈ Lavender Purple
분열 보색 +150° +210°
- B27D50
Cowboy Hat
- 3B99A8
≈ Rainy Mood
- 7587C1
≈ Violets Are Blue
사각 배색 +90° +180° +270°
- B27D50
Cowboy Hat
- 609A6D
≈ Leafy
- 5491BB
≈ Cliff Blue
- A976A4
≈ Orchid Kiss
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.53:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.94:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.94:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--cowboy-hat: #b27d50;
--cowboy-hat-rgb: 178 125 80;
--cowboy-hat-oklch: oklch(0.633 0.09 60.5);
}
.element {
color: var(--cowboy-hat);
background-color: hsl(28 39% 51%);
border-color: oklch(0.633 0.09 60.5);
}Tailwind CSS v4
@theme {
--color-cowboy-hat: #b27d50;
--color-cowboy-hat-50: #fff0dc;
--color-cowboy-hat-100: #ffe2ca;
--color-cowboy-hat-200: #f1cdad;
--color-cowboy-hat-300: #d9ae88;
--color-cowboy-hat-400: #c69267;
--color-cowboy-hat-500: #b17745;
--color-cowboy-hat-600: #96653b;
--color-cowboy-hat-700: #78512f;
--color-cowboy-hat-800: #593a21;
--color-cowboy-hat-900: #3f2816;
--color-cowboy-hat-950: #281607;
}SCSS
$cowboy-hat: #b27d50;
$cowboy-hat-rgb: 178, 125, 80;
$cowboy-hat-light: mix(#fff, $cowboy-hat, 20%);
$cowboy-hat-dark: mix(#000, $cowboy-hat, 20%);
.element {
color: $cowboy-hat;
box-shadow: 0 0 0 2px rgba($cowboy-hat, 0.35);
}