最も近い色名 · #894D38
#894D38
最も近い色名: Annatto
#894D38（rgb(137 77 56)、hsl(16 42% 38%)、oklch(0.487 0.088 39.9)）に最も近い色名はAnnattoです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#894D38
oklch(0.487 0.088 39.9)
カラー変換
- HEX
- #894d38
- RGB
- rgb(137 77 56)
- HSL
- hsl(16 42% 38%)
- HWB
- hwb(16 22% 46%)
- OKLCH
- oklch(0.487 0.088 39.9)
- OKLab
- oklab(0.487 0.067 0.056)
- CIE Lab
- lab(39.79 24.37 23.92)
- LCH
- lch(39.79 34.15 44.5)
- CMYK
- cmyk(0% 44% 59% 46%)
ティント · シェード · トーン
ティント
- 955E4B
- A16F5D
- AE8070
- B99184
- C5A397
- D1B5AB
- DDC7C0
- E8DAD5
- F4ECEA
シェード
- 76422F
- 643727
- 532C1F
- 422217
- 31180F
- 220F08
- 140704
- 070201
- 010000
トーン
- 895240
- 885847
- 885D4E
- 876255
- 87675D
- 866C64
- 85716B
- 837672
- 827B79
カラーハーモニー
補色 +180°
- 894D38
Annatto
- 046A81
≈ Pilot Blue
類似色 -30° +30°
- 894D38
Annatto
- 894954
≈ Currant Jam
- 7F5620
≈ Medium Brown
トライアド +120° +240°
- 894D38
Annatto
- 296E4E
≈ Precious Emerald
- 565990
≈ Berry Mix
スプリットコンプリメンタリー +150° +210°
- 894D38
Annatto
- 006E6A
≈ Pine Scented Lagoon
- 36638F
≈ Mississippi River
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.59:1 · APCA Lc 82
Ag
Fail黒の上
WCAG 3.18:1 · APCA Lc 20
最適な文字色: #FFFFFF
WCAG 6.59:1 (AA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--annatto: #894d38;
--annatto-rgb: 137 77 56;
--annatto-oklch: oklch(0.487 0.088 39.9);
}
.element {
color: var(--annatto);
background-color: hsl(16 42% 38%);
border-color: oklch(0.487 0.088 39.9);
}Tailwind CSS v4
@theme {
--color-annatto: #894d38;
--color-annatto-50: #ffeee2;
--color-annatto-100: #ffdfd2;
--color-annatto-200: #f6c9b7;
--color-annatto-300: #dfa995;
--color-annatto-400: #cc8d77;
--color-annatto-500: #b87159;
--color-annatto-600: #9b604c;
--color-annatto-700: #7c4d3c;
--color-annatto-800: #5c372c;
--color-annatto-900: #41261e;
--color-annatto-950: #29140e;
}SCSS
$annatto: #894d38;
$annatto-rgb: 137, 77, 56;
$annatto-light: mix(#fff, $annatto, 20%);
$annatto-dark: mix(#000, $annatto, 20%);
.element {
color: $annatto;
box-shadow: 0 0 0 2px rgba($annatto, 0.35);
}