最も近い色名 · #BA856E
#BA856E
最も近い色名: Ludicrous Lemming
#BA856E（rgb(186 133 110)、hsl(18 36% 58%)、oklch(0.663 0.074 44.4)）に最も近い色名はLudicrous Lemmingです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#BA856E
oklch(0.663 0.074 44.4)
カラー変換
- HEX
- #ba856e
- RGB
- rgb(186 133 110)
- HSL
- hsl(18 36% 58%)
- HWB
- hwb(18 43% 27%)
- OKLCH
- oklch(0.663 0.074 44.4)
- OKLab
- oklab(0.663 0.053 0.052)
- CIE Lab
- lab(60.5 18.84 20.93)
- LCH
- lch(60.5 28.16 48)
- CMYK
- cmyk(0% 28% 41% 27%)
ティント · シェード · トーン
ティント
- C1917C
- C89D8A
- D0A998
- D7B5A6
- DEC1B5
- E4CDC3
- EBD9D2
- F2E6E1
- F8F2F0
シェード
- A1735F
- 896150
- 725041
- 5C4033
- 463026
- 322119
- 1E130E
- 0D0604
- 020101
トーン
- B48570
- AF8472
- A98474
- A38476
- 9E8378
- 988379
- 92827B
- 8C817D
- 86817E
カラーハーモニー
補色 +180°
- BA856E
Ludicrous Lemming
- 5E9DB5
≈ Yacht Blue
類似色 -30° +30°
- BA856E
Ludicrous Lemming
- BC8185
≈ Baker Rose
- AE8D60
≈ Alpha Gold
トライアド +120° +240°
- BA856E
Ludicrous Lemming
- 67A287
≈ Sea Lettuce
- 8E8DBF
≈ Sweet Lavender
スプリットコンプリメンタリー +150° +210°
- BA856E
Ludicrous Lemming
- 58A2A1
≈ Teal Bayou
- 7496C0
≈ Denver River
テトラード +90° +180° +270°
- BA856E
Ludicrous Lemming
- 809E70
≈ Amulet
- 5E9DB5
≈ Yacht Blue
- A486B3
≈ Daylight Lilac
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.14:1 · APCA Lc 58
Ag
AA黒の上
WCAG 6.66:1 · APCA Lc 43
最適な文字色: #000000
WCAG 6.66:1 (AA) · APCA Lc 43
Contrast pairs
コードスニペット
CSS
:root {
--ludicrous-lemming: #ba856e;
--ludicrous-lemming-rgb: 186 133 110;
--ludicrous-lemming-oklch: oklch(0.663 0.074 44.4);
}
.element {
color: var(--ludicrous-lemming);
background-color: hsl(18 36% 58%);
border-color: oklch(0.663 0.074 44.4);
}Tailwind CSS v4
@theme {
--color-ludicrous-lemming: #ba856e;
--color-ludicrous-lemming-50: #ffefe4;
--color-ludicrous-lemming-100: #fee1d4;
--color-ludicrous-lemming-200: #f0cbba;
--color-ludicrous-lemming-300: #d8ac98;
--color-ludicrous-lemming-400: #c4917b;
--color-ludicrous-lemming-500: #af765d;
--color-ludicrous-lemming-600: #94644f;
--color-ludicrous-lemming-700: #77503f;
--color-ludicrous-lemming-800: #583a2e;
--color-ludicrous-lemming-900: #3e281f;
--color-ludicrous-lemming-950: #27160f;
}SCSS
$ludicrous-lemming: #ba856e;
$ludicrous-lemming-rgb: 186, 133, 110;
$ludicrous-lemming-light: mix(#fff, $ludicrous-lemming, 20%);
$ludicrous-lemming-dark: mix(#000, $ludicrous-lemming, 20%);
.element {
color: $ludicrous-lemming;
box-shadow: 0 0 0 2px rgba($ludicrous-lemming, 0.35);
}