最も近い色名 · #B06237
#B06237
最も近い色名: Boho Copper
#B06237（rgb(176 98 55)、hsl(21 52% 45%)、oklch(0.578 0.116 48)）に最も近い色名はBoho Copperです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B06237
oklch(0.578 0.116 48)
カラー変換
- HEX
- #b06237
- RGB
- rgb(176 98 55)
- HSL
- hsl(21 52% 45%)
- HWB
- hwb(21 22% 31%)
- OKLCH
- oklch(0.578 0.116 48)
- OKLab
- oklab(0.578 0.078 0.086)
- CIE Lab
- lab(50.27 29.65 38.31)
- LCH
- lch(50.27 48.45 52.3)
- CMYK
- cmyk(0% 44% 69% 31%)
ティント · シェード · トーン
ティント
- B9724C
- C28160
- CA9173
- D2A087
- DAB09A
- E2BFAE
- EACFC2
- F1DFD6
- F8EFEA
シェード
- 99542E
- 824726
- 6C3A1E
- 562D16
- 42210F
- 2E1608
- 1C0B03
- 0B0301
- 010000
トーン
- AC6640
- A86948
- A36D50
- 9F7058
- 9A735F
- 957666
- 90786C
- 8B7B73
- 867E7A
カラーハーモニー
補色 +180°
- B06237
Boho Copper
- 0086AE
≈ Lyrebird
類似色 -30° +30°
- B06237
Boho Copper
- B45A5F
≈ Pink Flame
- 9F6F0F
≈ Golden Hind
トライアド +120° +240°
- B06237
Boho Copper
- 048F6C
≈ Sea Swell
- 776DBA
≈ Venus Violet
スプリットコンプリメンタリー +150° +210°
- B06237
Boho Copper
- 008B8E
≈ Duvall
- 4C7ABD
≈ Parkwater
テトラード +90° +180° +270°
- B06237
Boho Copper
- 558943
≈ The Legend of Green
- 0086AE
≈ Lyrebird
- 9662A6
≈ Empire Violet
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.51:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.64:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--boho-copper: #b06237;
--boho-copper-rgb: 176 98 55;
--boho-copper-oklch: oklch(0.578 0.116 48);
}
.element {
color: var(--boho-copper);
background-color: hsl(21 52% 45%);
border-color: oklch(0.578 0.116 48);
}Tailwind CSS v4
@theme {
--color-boho-copper: #b06237;
--color-boho-copper-50: #ffecd8;
--color-boho-copper-100: #ffdec6;
--color-boho-copper-200: #fec7a8;
--color-boho-copper-300: #e8a681;
--color-boho-copper-400: #d68960;
--color-boho-copper-500: #c36c3b;
--color-boho-copper-600: #a55b33;
--color-boho-copper-700: #844928;
--color-boho-copper-800: #63341d;
--color-boho-copper-900: #452413;
--color-boho-copper-950: #2d1205;
}SCSS
$boho-copper: #b06237;
$boho-copper-rgb: 176, 98, 55;
$boho-copper-light: mix(#fff, $boho-copper, 20%);
$boho-copper-dark: mix(#000, $boho-copper, 20%);
.element {
color: $boho-copper;
box-shadow: 0 0 0 2px rgba($boho-copper, 0.35);
}