色名 · #EA6F5B
Autumn Enchantment
Autumn Enchantmentは#EA6F5B：rgb(234 111 91)、hsl(8 77% 64%)、oklch(0.684 0.157 31)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Autumn Enchantment color name →
#EA6F5B
oklch(0.684 0.157 31)
カラー変換
- HEX
- #ea6f5b
- RGB
- rgb(234 111 91)
- HSL
- hsl(8 77% 64%)
- HWB
- hwb(8 36% 8%)
- OKLCH
- oklch(0.684 0.157 31)
- OKLab
- oklab(0.684 0.134 0.081)
- CIE Lab
- lab(61.94 47.5 34.89)
- LCH
- lch(61.94 58.93 36.3)
- CMYK
- cmyk(0% 53% 61% 8%)
ティント · シェード · トーン
ティント
- EE7F6C
- F28E7C
- F59C8C
- F8AB9C
- FAB9AC
- FCC7BD
- FED5CD
- FFE3DE
- FFF1EE
シェード
- CB604E
- AE5141
- 914235
- 753429
- 5A271E
- 411A13
- 290E09
- 130403
- 030100
トーン
- E07260
- D67564
- CC7768
- C2796C
- B77B70
- AD7C73
- A27E77
- 977F7A
- 8C7F7D
カラーハーモニー
補色 +180°
- EA6F5B
Autumn Enchantment
- 00ACC3
≈ Sarah’s Garden
類似色 -30° +30°
- EA6F5B
Autumn Enchantment
- E56B94
≈ Shadow Azalea Pink
- DD7F0B
≈ Orange Pepper
トライアド +120° +240°
- EA6F5B
Autumn Enchantment
- 3CB465
≈ Green Mana
- 7691F9
≈ Guilliman Blue
スプリットコンプリメンタリー +150° +210°
- EA6F5B
Autumn Enchantment
- 00B29E
≈ Pool Green
- 0FA3F0
≈ Button Blue
テトラード +90° +180° +270°
- EA6F5B
Autumn Enchantment
- 8CA71B
≈ Avocado Green
- 00ACC3
≈ Sarah’s Garden
- AB80EA
≈ Lavender Blossom
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.03:1 · APCA Lc 57
Ag
AA黒の上
WCAG 6.92:1 · APCA Lc 45
最適な文字色: #000000
WCAG 6.92:1 (AA) · APCA Lc 45
Contrast pairs
コードスニペット
CSS
:root {
--autumn-enchantment: #ea6f5b;
--autumn-enchantment-rgb: 234 111 91;
--autumn-enchantment-oklch: oklch(0.684 0.157 31);
}
.element {
color: var(--autumn-enchantment);
background-color: hsl(8 77% 64%);
border-color: oklch(0.684 0.157 31);
}Tailwind CSS v4
@theme {
--color-autumn-enchantment: #ea6f5b;
--color-autumn-enchantment-50: #ffe6d9;
--color-autumn-enchantment-100: #ffd6c7;
--color-autumn-enchantment-200: #ffbca9;
--color-autumn-enchantment-300: #fd9883;
--color-autumn-enchantment-400: #ec7763;
--color-autumn-enchantment-500: #da5440;
--color-autumn-enchantment-600: #b84837;
--color-autumn-enchantment-700: #943a2c;
--color-autumn-enchantment-800: #6f2821;
--color-autumn-enchantment-900: #4e1b15;
--color-autumn-enchantment-950: #330b07;
}SCSS
$autumn-enchantment: #ea6f5b;
$autumn-enchantment-rgb: 234, 111, 91;
$autumn-enchantment-light: mix(#fff, $autumn-enchantment, 20%);
$autumn-enchantment-dark: mix(#000, $autumn-enchantment, 20%);
.element {
color: $autumn-enchantment;
box-shadow: 0 0 0 2px rgba($autumn-enchantment, 0.35);
}