最も近い色名 · #E77ED7
#E77ED7
最も近い色名: Frail Fuchsia
#E77ED7（rgb(231 126 215)、hsl(309 69% 70%)、oklch(0.738 0.168 333)）に最も近い色名はFrail Fuchsiaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E77ED7
oklch(0.738 0.168 333)
カラー変換
- HEX
- #e77ed7
- RGB
- rgb(231 126 215)
- HSL
- hsl(309 69% 70%)
- HWB
- hwb(309 49% 9%)
- OKLCH
- oklch(0.738 0.168 333)
- OKLab
- oklab(0.738 0.15 -0.076)
- CIE Lab
- lab(67.17 50.06 -27.71)
- LCH
- lch(67.17 57.22 331)
- CMYK
- cmyk(0% 45% 7% 9%)
ティント · シェード · トーン
ティント
- EB8CDB
- EE99E0
- F1A6E4
- F4B3E8
- F6C0EC
- F9CDF0
- FBD9F4
- FCE6F8
- FEF2FB
シェード
- C96DBB
- AB5C9F
- 8F4C85
- 733C6B
- 592D52
- 401F3B
- 281125
- 130511
- 030102
トーン
- DD7FCE
- D380C5
- C981BD
- BF81B4
- B482AB
- AA82A2
- A0829A
- 958191
- 8B8189
カラーハーモニー
補色 +180°
- E77ED7
Frail Fuchsia
- 3BC875
≈ Emerald Rush
類似色 -30° +30°
- E77ED7
Frail Fuchsia
- C08DFF
≈ Liliac
- FE77A0
≈ Aggressive Salmon
トライアド +120° +240°
- E77ED7
Frail Fuchsia
- CBA600
≈ Catkin Yellow
- 00BFDA
≈ Caribbean Blue
スプリットコンプリメンタリー +150° +210°
- E77ED7
Frail Fuchsia
- 97BA28
≈ Machu Picchu Gardens
- 00C5B2
≈ Amazonite
テトラード +90° +180° +270°
- E77ED7
Frail Fuchsia
- F28E01
≈ Saffron Gold
- 3BC875
≈ Emerald Rush
- 46B3FF
≈ Tiān Lán Sky
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.51:1 · APCA Lc 49
Ag
AAA黒の上
WCAG 8.36:1 · APCA Lc 53
最適な文字色: #000000
WCAG 8.36:1 (AAA) · APCA Lc 53
Contrast pairs
コードスニペット
CSS
:root {
--frail-fuchsia: #e77ed7;
--frail-fuchsia-rgb: 231 126 215;
--frail-fuchsia-oklch: oklch(0.738 0.168 333);
}
.element {
color: var(--frail-fuchsia);
background-color: hsl(309 69% 70%);
border-color: oklch(0.738 0.168 333);
}Tailwind CSS v4
@theme {
--color-frail-fuchsia: #e77ed7;
--color-frail-fuchsia-50: #ffe4ff;
--color-frail-fuchsia-100: #ffd3fe;
--color-frail-fuchsia-200: #ffb9f1;
--color-frail-fuchsia-300: #ec95d9;
--color-frail-fuchsia-400: #d775c8;
--color-frail-fuchsia-500: #c453b5;
--color-frail-fuchsia-600: #a64799;
--color-frail-fuchsia-700: #85387a;
--color-frail-fuchsia-800: #62285d;
--color-frail-fuchsia-900: #451b41;
--color-frail-fuchsia-950: #2c0b29;
}SCSS
$frail-fuchsia: #e77ed7;
$frail-fuchsia-rgb: 231, 126, 215;
$frail-fuchsia-light: mix(#fff, $frail-fuchsia, 20%);
$frail-fuchsia-dark: mix(#000, $frail-fuchsia, 20%);
.element {
color: $frail-fuchsia;
box-shadow: 0 0 0 2px rgba($frail-fuchsia, 0.35);
}