最も近い色名 · #B7A575
#B7A575
最も近い色名: Nettle
#B7A575（rgb(183 165 117)、hsl(44 31% 59%)、oklch(0.726 0.068 89.8)）に最も近い色名はNettleです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B7A575
oklch(0.726 0.068 89.8)
カラー変換
- HEX
- #b7a575
- RGB
- rgb(183 165 117)
- HSL
- hsl(44 31% 59%)
- HWB
- hwb(44 46% 28%)
- OKLCH
- oklch(0.726 0.068 89.8)
- OKLab
- oklab(0.726 0 0.068)
- CIE Lab
- lab(68.45 1.55 27.45)
- LCH
- lch(68.45 27.49 86.8)
- CMYK
- cmyk(0% 10% 36% 28%)
ティント · シェード · トーン
ティント
- BEAE83
- C5B790
- CCC09E
- D3C8AC
- DAD1B9
- E2DAC7
- E9E4D5
- F0EDE3
- F8F6F1
シェード
- 9F8F65
- 877955
- 706546
- 5A5137
- 453D29
- 312B1C
- 1E1A0F
- 0C0A05
- 020101
トーン
- B1A177
- AC9E78
- A69A79
- A1967B
- 9B937C
- 968F7D
- 908B7E
- 8B877F
- 85847F
カラーハーモニー
補色 +180°
- B7A575
Nettle
- 95A5D2
≈ Foresight
類似色 -30° +30°
- B7A575
Nettle
- C79D7B
≈ Desert Carnation
- A1AD7D
≈ Siamese Green
トライアド +120° +240°
- B7A575
Nettle
- 72B3BE
≈ Riverside Blue
- BF97BB
≈ Dripping Wisteria
スプリットコンプリメンタリー +150° +210°
- B7A575
Nettle
- 7FADCD
≈ Blue Eyes
- AD9DCB
≈ Purple Rose
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.42:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.65:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.65:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--nettle: #b7a575;
--nettle-rgb: 183 165 117;
--nettle-oklch: oklch(0.726 0.068 89.8);
}
.element {
color: var(--nettle);
background-color: hsl(44 31% 59%);
border-color: oklch(0.726 0.068 89.8);
}Tailwind CSS v4
@theme {
--color-nettle: #b7a575;
--color-nettle-50: #fcf5e0;
--color-nettle-100: #f0e8cf;
--color-nettle-200: #dfd4b4;
--color-nettle-300: #c4b790;
--color-nettle-400: #ae9d70;
--color-nettle-500: #988450;
--color-nettle-600: #807044;
--color-nettle-700: #675a36;
--color-nettle-800: #4c4126;
--color-nettle-900: #352d19;
--color-nettle-950: #201a0a;
}SCSS
$nettle: #b7a575;
$nettle-rgb: 183, 165, 117;
$nettle-light: mix(#fff, $nettle, 20%);
$nettle-dark: mix(#000, $nettle, 20%);
.element {
color: $nettle;
box-shadow: 0 0 0 2px rgba($nettle, 0.35);
}