最も近い色名 · #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);
}