最も近い色名 · #BB9462
#BB9462
最も近い色名: Chalet
#BB9462（rgb(187 148 98)、hsl(34 40% 56%)、oklch(0.692 0.081 72.7)）に最も近い色名はChaletです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#BB9462
oklch(0.692 0.081 72.7)
カラー変換
- HEX
- #bb9462
- RGB
- rgb(187 148 98)
- HSL
- hsl(34 40% 56%)
- HWB
- hwb(34 38% 27%)
- OKLCH
- oklch(0.692 0.081 72.7)
- OKLab
- oklab(0.692 0.024 0.078)
- CIE Lab
- lab(64.18 10.44 32.23)
- LCH
- lch(64.18 33.88 72)
- CMYK
- cmyk(0% 21% 48% 27%)
ティント · シェード · トーン
ティント
- C29E72
- C9A981
- D0B491
- D6BEA0
- DDC9B0
- E4D4C0
- EBDECF
- F2E9DF
- F8F4EF
シェード
- A28054
- 8A6D47
- 735A3A
- 5C482D
- 463621
- 322616
- 1F160B
- 0D0803
- 020100
トーン
- B59266
- AF9069
- A98E6D
- A38C70
- 9E8A73
- 988876
- 928679
- 8C847B
- 86827E
カラーハーモニー
補色 +180°
- BB9462
Chalet
- 779FCD
≈ Blue Lechery
類似色 -30° +30°
- BB9462
Chalet
- C78B73
≈ Yum Raw Spam
- A59E61
≈ Acacia Tree
トライアド +120° +240°
- BB9462
Chalet
- 59ACA9
≈ Emerald Succulent
- AD8DC0
≈ East Side
スプリットコンプリメンタリー +150° +210°
- BB9462
Chalet
- 5FA7C1
≈ Pottery Blue
- 9496CD
≈ Bluebell Frost
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.52:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--chalet: #bb9462;
--chalet-rgb: 187 148 98;
--chalet-oklch: oklch(0.692 0.081 72.7);
}
.element {
color: var(--chalet);
background-color: hsl(34 40% 56%);
border-color: oklch(0.692 0.081 72.7);
}Tailwind CSS v4
@theme {
--color-chalet: #bb9462;
--color-chalet-50: #fff2dc;
--color-chalet-100: #f8e5cb;
--color-chalet-200: #e9d0ae;
--color-chalet-300: #d0b289;
--color-chalet-400: #bc9768;
--color-chalet-500: #a77d46;
--color-chalet-600: #8d6a3c;
--color-chalet-700: #71552f;
--color-chalet-800: #543d21;
--color-chalet-900: #3b2a16;
--color-chalet-950: #251807;
}SCSS
$chalet: #bb9462;
$chalet-rgb: 187, 148, 98;
$chalet-light: mix(#fff, $chalet, 20%);
$chalet-dark: mix(#000, $chalet, 20%);
.element {
color: $chalet;
box-shadow: 0 0 0 2px rgba($chalet, 0.35);
}