色名 · #E78EA5
Underwater Flare
Underwater Flareは#E78EA5：rgb(231 142 165)、hsl(344 65% 73%)、oklch(0.745 0.111 3.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Underwater Flare color name →
#E78EA5
oklch(0.745 0.111 3.4)
カラー変換
- HEX
- #e78ea5
- RGB
- rgb(231 142 165)
- HSL
- hsl(344 65% 73%)
- HWB
- hwb(344 56% 9%)
- OKLCH
- oklch(0.745 0.111 3.4)
- OKLab
- oklab(0.745 0.111 0.007)
- CIE Lab
- lab(69.08 36.7 2.98)
- LCH
- lch(69.08 36.82 4.6)
- CMYK
- cmyk(0% 39% 29% 9%)
ティント · シェード · トーン
ティント
- EA99AE
- EEA5B6
- F1B0BF
- F3BBC8
- F6C7D1
- F8D2DA
- FADDE3
- FCE8EC
- FEF4F6
シェード
- C97B8F
- AB6879
- 8F5665
- 734451
- 59343D
- 40242B
- 28151A
- 13070A
- 030101
トーン
- DD8DA1
- D38C9D
- C98B9A
- BE8A96
- B48892
- AA878F
- A0858B
- 958487
- 8B8284
カラーハーモニー
補色 +180°
- E78EA5
Underwater Flare
- 47C3B3
≈ Synergy
類似色 -30° +30°
- E78EA5
Underwater Flare
- D792CA
≈ Firm Pink
- EA927E
≈ Apricot Red
トライアド +120° +240°
- E78EA5
Underwater Flare
- 9FB867
≈ Light Birch Green
- 6BB4ED
≈ Sanctuary Spa
スプリットコンプリメンタリー +150° +210°
- E78EA5
Underwater Flare
- 71C18B
≈ Clover Mist
- 44BED6
≈ Bachelor Button
テトラード +90° +180° +270°
- E78EA5
Underwater Flare
- C4AB54
≈ Sun Dance
- 47C3B3
≈ Synergy
- 96A7F3
≈ Cold Lips
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.38:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.81:1 · APCA Lc 55
最適な文字色: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
コードスニペット
CSS
:root {
--underwater-flare: #e78ea5;
--underwater-flare-rgb: 231 142 165;
--underwater-flare-oklch: oklch(0.745 0.111 3.4);
}
.element {
color: var(--underwater-flare);
background-color: hsl(344 65% 73%);
border-color: oklch(0.745 0.111 3.4);
}Tailwind CSS v4
@theme {
--color-underwater-flare: #e78ea5;
--color-underwater-flare-50: #ffe9f0;
--color-underwater-flare-100: #ffd9e2;
--color-underwater-flare-200: #ffc1cd;
--color-underwater-flare-300: #e9a0af;
--color-underwater-flare-400: #d58297;
--color-underwater-flare-500: #c2647e;
--color-underwater-flare-600: #a3556b;
--color-underwater-flare-700: #834456;
--color-underwater-flare-800: #613140;
--color-underwater-flare-900: #44212c;
--color-underwater-flare-950: #2c1019;
}SCSS
$underwater-flare: #e78ea5;
$underwater-flare-rgb: 231, 142, 165;
$underwater-flare-light: mix(#fff, $underwater-flare, 20%);
$underwater-flare-dark: mix(#000, $underwater-flare, 20%);
.element {
color: $underwater-flare;
box-shadow: 0 0 0 2px rgba($underwater-flare, 0.35);
}