#5CF0C2

#5CF0C2

#F05C8A

#F05C8A

コントラスト比

2.23:1

Delta E

114.02

Very Different

50:50 ミックス

#C3B0A5

カラー値

フォーマット #5CF0C2 #F05C8A
HEX #5CF0C2 #F05C8A
RGB 92, 240, 194 240, 92, 138
HSL 161.4, 83.1%, 65.1% 341.4, 83.1%, 65.1%
HSV 161.4, 61.7%, 94.1% 341.4, 61.7%, 94.1%
CMYK 61.7%, 0.0%, 19.2%, 5.9% 0.0%, 61.7%, 42.5%, 5.9%
OKLCH 0.8636 0.1428 169.0 0.6783 0.1855 4.2

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

2.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F05C8A → 背景色: #5CF0C2

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

テキスト: #5CF0C2 → 背景色: #F05C8A

色差 (Delta E)

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

グラデーション

#5CF0C2 #8DDBB8 #ACC6AF #C3B0A5 #D5989C #E47D93 #F05C8A

カラーミキシング

#5CF0C2

100%

#9ED1B4

75:25

#C3B0A5

50:50

#DD8B97

25:75

#F05C8A

100%

CSSグラデーションコード

background: linear-gradient(to right, #5CF0C2, #F05C8A);
background: linear-gradient(135deg, #5CF0C2, #F05C8A);

各色を詳しく見る

#5CF0C2

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

#F05C8A

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

関連する比較