色名 · #CBA391
Sombrero Tan
Sombrero Tanは#CBA391：rgb(203 163 145)、hsl(19 36% 68%)、oklch(0.747 0.054 45.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Sombrero Tan color name →
#CBA391
oklch(0.747 0.054 45.5)
カラー変換
- HEX
- #cba391
- RGB
- rgb(203 163 145)
- HSL
- hsl(19 36% 68%)
- HWB
- hwb(19 57% 20%)
- OKLCH
- oklch(0.747 0.054 45.5)
- OKLab
- oklab(0.747 0.038 0.038)
- CIE Lab
- lab(70.36 13.28 15.27)
- LCH
- lch(70.36 20.24 49)
- CMYK
- cmyk(0% 20% 29% 20%)
ティント · シェード · トーン
ティント
- D0AC9C
- D6B5A6
- DBBEB1
- E0C7BC
- E5D0C7
- EBDAD2
- F0E3DD
- F5ECE8
- FAF6F4
シェード
- B08D7D
- 96786A
- 7D6358
- 654F46
- 4D3C35
- 372A25
- 221915
- 0F0A07
- 020101
トーン
- C3A08F
- BC9C8E
- B4998C
- AD958A
- A59289
- 9E8E87
- 968B85
- 8F8784
- 878482
カラーハーモニー
補色 +180°
- CBA391
Sombrero Tan
- 89B5C7
≈ Pond Blue
類似色 -30° +30°
- CBA391
Sombrero Tan
- CDA0A2
≈ Sakura Mochi
- C1A987
≈ Tan Oak
トライアド +120° +240°
- CBA391
Sombrero Tan
- 8DB8A5
≈ Lichen
- A9A9CE
≈ Violet Mix
スプリットコンプリメンタリー +150° +210°
- CBA391
Sombrero Tan
- 85B8B8
≈ Vintage Blue
- 97AFCF
≈ Dockside
テトラード +90° +180° +270°
- CBA391
Sombrero Tan
- 9EB593
≈ Soap Green
- 89B5C7
≈ Pond Blue
- BAA3C5
≈ Beach Lilac
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.28:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.18:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--sombrero-tan: #cba391;
--sombrero-tan-rgb: 203 163 145;
--sombrero-tan-oklch: oklch(0.747 0.054 45.5);
}
.element {
color: var(--sombrero-tan);
background-color: hsl(19 36% 68%);
border-color: oklch(0.747 0.054 45.5);
}Tailwind CSS v4
@theme {
--color-sombrero-tan: #cba391;
--color-sombrero-tan-50: #fff1e8;
--color-sombrero-tan-100: #f8e3d9;
--color-sombrero-tan-200: #e9cec1;
--color-sombrero-tan-300: #d0b0a0;
--color-sombrero-tan-400: #ba9584;
--color-sombrero-tan-500: #a57b68;
--color-sombrero-tan-600: #8b6859;
--color-sombrero-tan-700: #705347;
--color-sombrero-tan-800: #533d33;
--color-sombrero-tan-900: #3a2a23;
--color-sombrero-tan-950: #241712;
}SCSS
$sombrero-tan: #cba391;
$sombrero-tan-rgb: 203, 163, 145;
$sombrero-tan-light: mix(#fff, $sombrero-tan, 20%);
$sombrero-tan-dark: mix(#000, $sombrero-tan, 20%);
.element {
color: $sombrero-tan;
box-shadow: 0 0 0 2px rgba($sombrero-tan, 0.35);
}