最も近い色名 · #B58785
#B58785
最も近い色名: Rosy Brown
#B58785（rgb(181 135 133)、hsl(2 24% 62%)、oklch(0.667 0.057 21.5)）に最も近い色名はRosy Brownです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B58785
oklch(0.667 0.057 21.5)
カラー変換
- HEX
- #b58785
- RGB
- rgb(181 135 133)
- HSL
- hsl(2 24% 62%)
- HWB
- hwb(2 52% 29%)
- OKLCH
- oklch(0.667 0.057 21.5)
- OKLab
- oklab(0.667 0.053 0.021)
- CIE Lab
- lab(60.84 17.93 8.32)
- LCH
- lch(60.84 19.77 24.9)
- CMYK
- cmyk(0% 25% 27% 29%)
ティント · シェード · トーン
ティント
- BD9391
- C49E9C
- CCAAA8
- D3B6B4
- DBC2C0
- E2CECD
- E9DAD9
- F1E6E6
- F8F3F2
シェード
- 9D7573
- 866361
- 6F5150
- 594140
- 443130
- 302121
- 1D1313
- 0C0606
- 020101
トーン
- B08685
- AB8684
- A58584
- A08583
- 9B8483
- 968382
- 908282
- 8B8281
- 858181
カラーハーモニー
補色 +180°
- B58785
Rosy Brown
- 6A9FA3
≈ Meadowbrook
類似色 -30° +30°
- B58785
Rosy Brown
- B18698
≈ Light Brown Drab
- B18B75
≈ Homeland
トライアド +120° +240°
- B58785
Rosy Brown
- 819E7D
≈ Aquadulce
- 8195B8
≈ Denim Tradition
スプリットコンプリメンタリー +150° +210°
- B58785
Rosy Brown
- 70A090
≈ Greyish Teal
- 719BB1
≈ Ocean View
テトラード +90° +180° +270°
- B58785
Rosy Brown
- 959870
≈ Silk Road
- 6A9FA3
≈ Meadowbrook
- 948FB5
≈ Extinct
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.10:1 · APCA Lc 58
Ag
AA黒の上
WCAG 6.76:1 · APCA Lc 44
最適な文字色: #000000
WCAG 6.76:1 (AA) · APCA Lc 44
Contrast pairs
コードスニペット
CSS
:root {
--rosy-brown: #b58785;
--rosy-brown-rgb: 181 135 133;
--rosy-brown-oklch: oklch(0.667 0.057 21.5);
}
.element {
color: var(--rosy-brown);
background-color: hsl(2 24% 62%);
border-color: oklch(0.667 0.057 21.5);
}Tailwind CSS v4
@theme {
--color-rosy-brown: #b58785;
--color-rosy-brown-50: #ffefed;
--color-rosy-brown-100: #fbe1df;
--color-rosy-brown-200: #eccbc9;
--color-rosy-brown-300: #d3adaa;
--color-rosy-brown-400: #be9290;
--color-rosy-brown-500: #a97775;
--color-rosy-brown-600: #8f6564;
--color-rosy-brown-700: #72514f;
--color-rosy-brown-800: #543b3a;
--color-rosy-brown-900: #3b2828;
--color-rosy-brown-950: #251616;
}SCSS
$rosy-brown: #b58785;
$rosy-brown-rgb: 181, 135, 133;
$rosy-brown-light: mix(#fff, $rosy-brown, 20%);
$rosy-brown-dark: mix(#000, $rosy-brown, 20%);
.element {
color: $rosy-brown;
box-shadow: 0 0 0 2px rgba($rosy-brown, 0.35);
}