色名 · #EA6759
Emberglow
Emberglowは#EA6759：rgb(234 103 89)、hsl(6 78% 63%)、oklch(0.673 0.165 28.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Emberglow color name →
#EA6759
oklch(0.673 0.165 28.4)
カラー変換
- HEX
- #ea6759
- RGB
- rgb(234 103 89)
- HSL
- hsl(6 78% 63%)
- HWB
- hwb(6 35% 8%)
- OKLCH
- oklch(0.673 0.165 28.4)
- OKLab
- oklab(0.673 0.145 0.079)
- CIE Lab
- lab(60.46 51.04 34.2)
- LCH
- lch(60.46 61.44 33.8)
- CMYK
- cmyk(0% 56% 62% 8%)
ティント · シェード · トーン
ティント
- EE786A
- F2887A
- F5978A
- F8A69B
- FBB5AB
- FDC4BC
- FED3CC
- FFE2DD
- FFF0EE
シェード
- CB594C
- AE4B40
- 913D34
- 753028
- 5A231D
- 411713
- 290C09
- 130403
- 030000
トーン
- E06B5E
- D66F62
- CC7267
- C2756B
- B8786F
- AD7A72
- A37C76
- 987D79
- 8C7F7D
カラーハーモニー
補色 +180°
- EA6759
Emberglow
- 00A9BB
≈ Bluebird
類似色 -30° +30°
- EA6759
Emberglow
- E36495
≈ Groovy
- DC7800
≈ Orange Outburst
トライアド +120° +240°
- EA6759
Emberglow
- 39B158
≈ Artificial Turf
- 6B8EFB
≈ Punch Out Glove
スプリットコンプリメンタリー +150° +210°
- EA6759
Emberglow
- 00AE97
≈ Pool Green
- 00A1E7
≈ Button Blue
テトラード +90° +180° +270°
- EA6759
Emberglow
- 8DA200
≈ Noxious
- 00A9BB
≈ Bluebird
- A47CED
≈ Forgotten Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.19:1 · APCA Lc 58
Ag
AA黒の上
WCAG 6.58:1 · APCA Lc 43
最適な文字色: #000000
WCAG 6.58:1 (AA) · APCA Lc 43
Contrast pairs
コードスニペット
CSS
:root {
--emberglow: #ea6759;
--emberglow-rgb: 234 103 89;
--emberglow-oklch: oklch(0.673 0.165 28.4);
}
.element {
color: var(--emberglow);
background-color: hsl(6 78% 63%);
border-color: oklch(0.673 0.165 28.4);
}Tailwind CSS v4
@theme {
--color-emberglow: #ea6759;
--color-emberglow-50: #ffe4d9;
--color-emberglow-100: #ffd4c7;
--color-emberglow-200: #ffbaaa;
--color-emberglow-300: #ff9584;
--color-emberglow-400: #f07365;
--color-emberglow-500: #de4e42;
--color-emberglow-600: #bc4439;
--color-emberglow-700: #97362d;
--color-emberglow-800: #712522;
--color-emberglow-900: #501916;
--color-emberglow-950: #350908;
}SCSS
$emberglow: #ea6759;
$emberglow-rgb: 234, 103, 89;
$emberglow-light: mix(#fff, $emberglow, 20%);
$emberglow-dark: mix(#000, $emberglow, 20%);
.element {
color: $emberglow;
box-shadow: 0 0 0 2px rgba($emberglow, 0.35);
}