#2ED8DF

#2ED8DF

#DF352E

#DF352E

コントラスト比

2.56:1

Delta E

122.13

Very Different

50:50 ミックス

#BD9483

カラー値

フォーマット #2ED8DF #DF352E
HEX #2ED8DF #DF352E
RGB 46, 216, 223 223, 53, 46
HSL 182.4, 73.4%, 52.7% 2.4, 73.4%, 52.7%
HSV 182.4, 79.4%, 87.5% 2.4, 79.4%, 87.5%
CMYK 79.4%, 3.1%, 0.0%, 12.5% 0.0%, 76.2%, 79.4%, 12.5%
OKLCH 0.8049 0.1292 199.3 0.5938 0.2072 27.9

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

2.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF352E → 背景色: #2ED8DF

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

テキスト: #2ED8DF → 背景色: #DF352E

色差 (Delta E)

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

グラデーション

#2ED8DF #81C2BF #A5ABA1 #BD9483 #CC7A66 #D75D4A #DF352E

カラーミキシング

#2ED8DF

100%

#96B7B0

75:25

#BD9483

50:50

#D26C58

25:75

#DF352E

100%

CSSグラデーションコード

background: linear-gradient(to right, #2ED8DF, #DF352E);
background: linear-gradient(135deg, #2ED8DF, #DF352E);

各色を詳しく見る

#2ED8DF

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

#DF352E

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

関連する比較