最も近い色名 · #B39395
#B39395
最も近い色名: Rosy Brown
#B39395（rgb(179 147 149)、hsl(356 17% 64%)、oklch(0.693 0.039 13.9)）に最も近い色名はRosy Brownです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B39395
oklch(0.693 0.039 13.9)
カラー変換
- HEX
- #b39395
- RGB
- rgb(179 147 149)
- HSL
- hsl(356 17% 64%)
- HWB
- hwb(356 58% 30%)
- OKLCH
- oklch(0.693 0.039 13.9)
- OKLab
- oklab(0.693 0.037 0.009)
- CIE Lab
- lab(63.97 12.61 3.69)
- LCH
- lch(63.97 13.14 16.3)
- CMYK
- cmyk(0% 18% 17% 30%)
ティント · シェード · トーン
ティント
- BB9D9F
- C2A8A9
- CAB2B4
- D1BDBE
- D9C8C9
- E1D3D3
- E8DEDE
- F0E9E9
- F7F4F4
シェード
- 9B7F81
- 846C6D
- 6E595A
- 584748
- 433637
- 2F2526
- 1D1616
- 0C0808
- 010101
トーン
- AE9193
- A98F91
- A48D8F
- 9F8B8D
- 9A8A8A
- 948888
- 8F8686
- 8A8484
- 858282
カラーハーモニー
補色 +180°
- B39395
Rosy Brown
- 81A4A3
≈ Venus Teal
類似色 -30° +30°
- B39395
Rosy Brown
- AE93A2
≈ Grape Soda
- B29589
≈ Nude Lips
トライアド +120° +240°
- B39395
Rosy Brown
- 93A28A
≈ Athenian Green
- 8C9EB4
≈ Periwinkle Dusk
スプリットコンプリメンタリー +150° +210°
- B39395
Rosy Brown
- 87A496
≈ Poppy Leaf
- 83A2AE
≈ Lake Winnipeg
テトラード +90° +180° +270°
- B39395
Rosy Brown
- A09E83
≈ Rigby Ridge
- 81A4A3
≈ Venus Teal
- 999AB4
≈ Bay Fog
コントラストとアクセシビリティ
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 {
--rosy-brown: #b39395;
--rosy-brown-rgb: 179 147 149;
--rosy-brown-oklch: oklch(0.693 0.039 13.9);
}
.element {
color: var(--rosy-brown);
background-color: hsl(356 17% 64%);
border-color: oklch(0.693 0.039 13.9);
}Tailwind CSS v4
@theme {
--color-rosy-brown: #b39395;
--color-rosy-brown-50: #fff1f1;
--color-rosy-brown-100: #f5e3e3;
--color-rosy-brown-200: #e4cecf;
--color-rosy-brown-300: #cab0b1;
--color-rosy-brown-400: #b49697;
--color-rosy-brown-500: #9e7c7e;
--color-rosy-brown-600: #86696b;
--color-rosy-brown-700: #6b5456;
--color-rosy-brown-800: #4f3d3f;
--color-rosy-brown-900: #372a2b;
--color-rosy-brown-950: #221819;
}SCSS
$rosy-brown: #b39395;
$rosy-brown-rgb: 179, 147, 149;
$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);
}