最も近い色名 · #E4A972
#E4A972
最も近い色名: Manhattan
#E4A972（rgb(228 169 114)、hsl(29 68% 67%)、oklch(0.778 0.1 63.5)）に最も近い色名はManhattanです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E4A972
oklch(0.778 0.1 63.5)
カラー変換
- HEX
- #e4a972
- RGB
- rgb(228 169 114)
- HSL
- hsl(29 68% 67%)
- HWB
- hwb(29 45% 11%)
- OKLCH
- oklch(0.778 0.1 63.5)
- OKLab
- oklab(0.778 0.044 0.089)
- CIE Lab
- lab(74.01 17.73 37.19)
- LCH
- lch(74.01 41.2 64.5)
- CMYK
- cmyk(0% 26% 50% 11%)
ティント · シェード · トーン
ティント
- E7B281
- EABA8F
- EDC39D
- F0CCAB
- F3D4B9
- F5DDC7
- F8E5D5
- FAEEE3
- FDF6F1
シェード
- C69262
- A97C53
- 8D6744
- 725336
- 583F28
- 3F2C1B
- 281B0E
- 120A04
- 030101
トーン
- DAA574
- D0A176
- C69D78
- BC997A
- B2957B
- A8917D
- 9E8D7E
- 94887F
- 8A847F
カラーハーモニー
補色 +180°
- E4A972
Manhattan
- 7DBEF2
≈ Electric Eel
類似色 -30° +30°
- E4A972
Manhattan
- EF9F8D
≈ Blush
- CCB66A
≈ Trumpet
トライアド +120° +240°
- E4A972
Manhattan
- 64CCBD
≈ Kinetic Teal
- C4A7EB
≈ Tropical Violet
スプリットコンプリメンタリー +150° +210°
- E4A972
Manhattan
- 61C7DD
≈ Squeaky
- A2B3F7
≈ Wondrous Wisteria
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.05:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.21:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--manhattan: #e4a972;
--manhattan-rgb: 228 169 114;
--manhattan-oklch: oklch(0.778 0.1 63.5);
}
.element {
color: var(--manhattan);
background-color: hsl(29 68% 67%);
border-color: oklch(0.778 0.1 63.5);
}Tailwind CSS v4
@theme {
--color-manhattan: #e4a972;
--color-manhattan-50: #fff0d8;
--color-manhattan-100: #ffe2c6;
--color-manhattan-200: #f2cca8;
--color-manhattan-300: #dbad81;
--color-manhattan-400: #c8915e;
--color-manhattan-500: #b47638;
--color-manhattan-600: #986531;
--color-manhattan-700: #7a5027;
--color-manhattan-800: #5b3a1b;
--color-manhattan-900: #402812;
--color-manhattan-950: #281504;
}SCSS
$manhattan: #e4a972;
$manhattan-rgb: 228, 169, 114;
$manhattan-light: mix(#fff, $manhattan, 20%);
$manhattan-dark: mix(#000, $manhattan, 20%);
.element {
color: $manhattan;
box-shadow: 0 0 0 2px rgba($manhattan, 0.35);
}