最も近い色名 · #B9971D
#B9971D
最も近い色名: Faint Gold
#B9971D（rgb(185 151 29)、hsl(47 73% 42%)、oklch(0.688 0.133 91.6)）に最も近い色名はFaint Goldです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B9971D
oklch(0.688 0.133 91.6)
カラー変換
- HEX
- #b9971d
- RGB
- rgb(185 151 29)
- HSL
- hsl(47 73% 42%)
- HWB
- hwb(47 11% 27%)
- OKLCH
- oklch(0.688 0.133 91.6)
- OKLab
- oklab(0.688 -0.004 0.133)
- CIE Lab
- lab(64.2 4.91 62.12)
- LCH
- lch(64.2 62.31 85.5)
- CMYK
- cmyk(0% 18% 84% 27%)
ティント · シェード · トーン
ティント
- C0A140
- C7AC5A
- CEB670
- D5C186
- DCCB9A
- E3D5AF
- EAE0C3
- F1EAD7
- F8F5EB
シェード
- A08318
- 896F13
- 715C0E
- 5B4909
- 463705
- 312603
- 1E1701
- 0D0800
- 020100
トーン
- B39532
- AD9340
- A8914B
- A28F55
- 9C8C5E
- 968A66
- 91886D
- 8B8574
- 86837A
カラーハーモニー
補色 +180°
- B9971D
Faint Gold
- 7E94ED
≈ Perrywinkle
類似色 -30° +30°
- B9971D
Faint Gold
- D58637
≈ Dull Orange
- 8EA73F
≈ Lime It or Leave It
トライアド +120° +240°
- B9971D
Faint Gold
- 00AEC5
≈ Havasupai Falls
- CA7AC0
≈ Gulābī Pink
スプリットコンプリメンタリー +150° +210°
- B9971D
Faint Gold
- 40A4E6
≈ Perfect Days
- AA86E0
≈ Lavender Blossom
テトラード +90° +180° +270°
- B9971D
Faint Gold
- 00B3A0
≈ Pool Green
- 7E94ED
≈ Perrywinkle
- DD7595
≈ Oxford Sausage
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.50:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--faint-gold: #b9971d;
--faint-gold-rgb: 185 151 29;
--faint-gold-oklch: oklch(0.688 0.133 91.6);
}
.element {
color: var(--faint-gold);
background-color: hsl(47 73% 42%);
border-color: oklch(0.688 0.133 91.6);
}Tailwind CSS v4
@theme {
--color-faint-gold: #b9971d;
--color-faint-gold-50: #fff5ca;
--color-faint-gold-100: #f7e8b6;
--color-faint-gold-200: #e7d492;
--color-faint-gold-300: #ceb663;
--color-faint-gold-400: #bb9b2f;
--color-faint-gold-500: #a68100;
--color-faint-gold-600: #8d6d00;
--color-faint-gold-700: #715700;
--color-faint-gold-800: #553f00;
--color-faint-gold-900: #3b2b00;
--color-faint-gold-950: #251800;
}SCSS
$faint-gold: #b9971d;
$faint-gold-rgb: 185, 151, 29;
$faint-gold-light: mix(#fff, $faint-gold, 20%);
$faint-gold-dark: mix(#000, $faint-gold, 20%);
.element {
color: $faint-gold;
box-shadow: 0 0 0 2px rgba($faint-gold, 0.35);
}