#54FFC7

#54FFC7

#FF548C

#FF548C

コントラスト比

2.39:1

Delta E

128.57

Very Different

50:50 ミックス

#CEB7A9

カラー値

フォーマット #54FFC7 #FF548C
HEX #54FFC7 #FF548C
RGB 84, 255, 199 255, 84, 140
HSL 160.4, 100.0%, 66.5% 340.4, 100.0%, 66.5%
HSV 160.4, 67.1%, 100.0% 340.4, 67.1%, 100.0%
CMYK 67.1%, 0.0%, 22.0%, 0.0% 0.0%, 67.1%, 45.1%, 0.0%
OKLCH 0.8987 0.1606 167.0 0.6929 0.2098 4.5

コントラストとアクセシビリティ

2.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #FF548C → 背景色: #54FFC7

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #54FFC7 → 背景色: #FF548C

色差 (Delta E)

128.57 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#54FFC7 #91E8BD #B4D0B3 #CEB7A9 #E29B9F #F27C95 #FF548C

カラーミキシング

#54FFC7

100%

#A4DCB8

75:25

#CEB7A9

50:50

#EA8C9A

25:75

#FF548C

100%

CSSグラデーションコード

background: linear-gradient(to right, #54FFC7, #FF548C);
background: linear-gradient(135deg, #54FFC7, #FF548C);

各色を詳しく見る

#54FFC7

カラーの詳細をすべて見る

#FF548C

カラーの詳細をすべて見る

関連する比較