色名 · #EAAB7D
Melting Sunset
Melting Sunsetは#EAAB7D：rgb(234 171 125)、hsl(25 72% 70%)、oklch(0.79 0.096 57)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Melting Sunset color name →
#EAAB7D
oklch(0.79 0.096 57)
カラー変換
- HEX
- #eaab7d
- RGB
- rgb(234 171 125)
- HSL
- hsl(25 72% 70%)
- HWB
- hwb(25 49% 8%)
- OKLCH
- oklch(0.79 0.096 57)
- OKLab
- oklab(0.79 0.052 0.08)
- CIE Lab
- lab(75.29 19.89 33.23)
- LCH
- lch(75.29 38.73 59.1)
- CMYK
- cmyk(0% 27% 47% 8%)
ティント · シェード · トーン
ティント
- EDB38A
- EFBC97
- F2C4A4
- F4CDB1
- F6D5BE
- F8DECB
- FAE6D8
- FCEEE5
- FDF7F2
シェード
- CB946C
- AE7E5B
- 91684B
- 75543B
- 5A402C
- 412D1E
- 291B11
- 130B05
- 030101
トーン
- DFA77E
- D5A37F
- CA9E7F
- BF9A80
- B59680
- AA9280
- A08D81
- 958980
- 8B8480
カラーハーモニー
補色 +180°
- EAAB7D
Melting Sunset
- 7CC4F1
≈ Nevermind Nirvana
類似色 -30° +30°
- EAAB7D
Melting Sunset
- F2A399
≈ Wisley Pink
- D5B771
≈ Sweet Mustard
トライアド +120° +240°
- EAAB7D
Melting Sunset
- 71CFB9
≈ Downy
- C1AEF1
≈ Purple Sand
スプリットコンプリメンタリー +150° +210°
- EAAB7D
Melting Sunset
- 67CCDA
≈ Slick Blue
- 9FB9F9
≈ Truesky Gloxym
テトラード +90° +180° +270°
- EAAB7D
Melting Sunset
- 91CC97
≈ Fennel
- 7CC4F1
≈ Nevermind Nirvana
- DCA5DB
≈ Plum Juice
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.97:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.61:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.61:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--melting-sunset: #eaab7d;
--melting-sunset-rgb: 234 171 125;
--melting-sunset-oklch: oklch(0.79 0.096 57);
}
.element {
color: var(--melting-sunset);
background-color: hsl(25 72% 70%);
border-color: oklch(0.79 0.096 57);
}Tailwind CSS v4
@theme {
--color-melting-sunset: #eaab7d;
--color-melting-sunset-50: #ffefdb;
--color-melting-sunset-100: #ffe1c9;
--color-melting-sunset-200: #f4cbac;
--color-melting-sunset-300: #ddac86;
--color-melting-sunset-400: #ca9065;
--color-melting-sunset-500: #b67542;
--color-melting-sunset-600: #9a6339;
--color-melting-sunset-700: #7b4f2d;
--color-melting-sunset-800: #5c3920;
--color-melting-sunset-900: #402715;
--color-melting-sunset-950: #291507;
}SCSS
$melting-sunset: #eaab7d;
$melting-sunset-rgb: 234, 171, 125;
$melting-sunset-light: mix(#fff, $melting-sunset, 20%);
$melting-sunset-dark: mix(#000, $melting-sunset, 20%);
.element {
color: $melting-sunset;
box-shadow: 0 0 0 2px rgba($melting-sunset, 0.35);
}