#5CE4EC

#5CE4EC

#EC645C

#EC645C

コントラスト比

2.1:1

Delta E

100.78

Very Different

50:50 ミックス

#C6AAA1

カラー値

フォーマット #5CE4EC #EC645C
HEX #5CE4EC #EC645C
RGB 92, 228, 236 236, 100, 92
HSL 183.3, 79.1%, 64.3% 3.3, 79.1%, 64.3%
HSV 183.3, 61.0%, 92.5% 3.3, 61.0%, 92.5%
CMYK 61.0%, 3.4%, 0.0%, 7.5% 0.0%, 57.6%, 61.0%, 7.5%
OKLCH 0.8479 0.1173 200.6 0.672 0.1701 26.0

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

2.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EC645C → 背景色: #5CE4EC

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

テキスト: #5CE4EC → 背景色: #EC645C

色差 (Delta E)

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

グラデーション

#5CE4EC #91D1D3 #B0BEBA #C6AAA1 #D6958A #E37E73 #EC645C

カラーミキシング

#5CE4EC

100%

#A2C8C6

75:25

#C6AAA1

50:50

#DD8A7E

25:75

#EC645C

100%

CSSグラデーションコード

background: linear-gradient(to right, #5CE4EC, #EC645C);
background: linear-gradient(135deg, #5CE4EC, #EC645C);

各色を詳しく見る

#5CE4EC

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

#EC645C

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

関連する比較