最も近い色名 · #894E1A
#894E1A
最も近い色名: Milk Chocolate
#894E1A（rgb(137 78 26)、hsl(28 68% 32%)、oklch(0.485 0.102 57.5)）に最も近い色名はMilk Chocolateです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#894E1A
oklch(0.485 0.102 57.5)
カラー変換
- HEX
- #894e1a
- RGB
- rgb(137 78 26)
- HSL
- hsl(28 68% 32%)
- HWB
- hwb(28 10% 46%)
- OKLCH
- oklch(0.485 0.102 57.5)
- OKLab
- oklab(0.485 0.055 0.086)
- CIE Lab
- lab(39.73 22.51 39.94)
- LCH
- lch(39.73 45.85 60.6)
- CMYK
- cmyk(0% 43% 81% 46%)
ティント · シェード · トーン
ティント
- 955F34
- A1704B
- AD8161
- B99376
- C5A48C
- D1B6A3
- DCC8B9
- E8DAD0
- F4ECE7
シェード
- 764315
- 643810
- 532D0C
- 422307
- 311904
- 220F02
- 140701
- 070200
- 010000
トーン
- 895428
- 885934
- 885E3E
- 876348
- 866852
- 866D5B
- 847265
- 83776E
- 827B77
カラーハーモニー
補色 +180°
- 894E1A
Milk Chocolate
- 0E6691
≈ Peacock Blue
類似色 -30° +30°
- 894E1A
Milk Chocolate
- 90463E
≈ Allspice Berry
- 775A00
≈ Blackfire Earth
トライアド +120° +240°
- 894E1A
Milk Chocolate
- 006F5E
≈ Falcon Turquoise
- 665191
≈ Fine Purple
スプリットコンプリメンタリー +150° +210°
- 894E1A
Milk Chocolate
- 006C77
≈ Toadstool Teal
- 455B98
≈ Blue Dahlia
テトラード +90° +180° +270°
- 894E1A
Milk Chocolate
- 316E3C
≈ Arcala Green
- 0E6691
≈ Peacock Blue
- 7D487C
≈ Visiona Red
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.62:1 · APCA Lc 82
Ag
Fail黒の上
WCAG 3.16:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.62:1 (AA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--milk-chocolate: #894e1a;
--milk-chocolate-rgb: 137 78 26;
--milk-chocolate-oklch: oklch(0.485 0.102 57.5);
}
.element {
color: var(--milk-chocolate);
background-color: hsl(28 68% 32%);
border-color: oklch(0.485 0.102 57.5);
}Tailwind CSS v4
@theme {
--color-milk-chocolate: #894e1a;
--color-milk-chocolate-50: #ffefd9;
--color-milk-chocolate-100: #ffe1c7;
--color-milk-chocolate-200: #f6cba9;
--color-milk-chocolate-300: #dfab83;
--color-milk-chocolate-400: #cc8f61;
--color-milk-chocolate-500: #b8733c;
--color-milk-chocolate-600: #9c6234;
--color-milk-chocolate-700: #7d4e29;
--color-milk-chocolate-800: #5d381d;
--color-milk-chocolate-900: #412613;
--color-milk-chocolate-950: #2a1505;
}SCSS
$milk-chocolate: #894e1a;
$milk-chocolate-rgb: 137, 78, 26;
$milk-chocolate-light: mix(#fff, $milk-chocolate, 20%);
$milk-chocolate-dark: mix(#000, $milk-chocolate, 20%);
.element {
color: $milk-chocolate;
box-shadow: 0 0 0 2px rgba($milk-chocolate, 0.35);
}