色名 · #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);
}