#5ED4DF

#5ED4DF

#DF695E

#DF695E

コントラスト比

1.89:1

Delta E

89.22

Very Different

50:50 ミックス

#BAA39C

カラー値

フォーマット #5ED4DF #DF695E
HEX #5ED4DF #DF695E
RGB 94, 212, 223 223, 105, 94
HSL 185.1, 66.8%, 62.2% 5.1, 66.8%, 62.2%
HSV 185.1, 57.8%, 87.5% 5.1, 57.8%, 87.5%
CMYK 57.8%, 4.9%, 0.0%, 12.5% 0.0%, 52.9%, 57.8%, 12.5%
OKLCH 0.8069 0.1065 203.7 0.6604 0.1497 27.3

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

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF695E → 背景色: #5ED4DF

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

テキスト: #5ED4DF → 背景色: #DF695E

色差 (Delta E)

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

グラデーション

#5ED4DF #8BC4C8 #A6B4B2 #BAA39C #CA9187 #D67E72 #DF695E

カラーミキシング

#5ED4DF

100%

#9ABCBD

75:25

#BAA39C

50:50

#D0887D

25:75

#DF695E

100%

CSSグラデーションコード

background: linear-gradient(to right, #5ED4DF, #DF695E);
background: linear-gradient(135deg, #5ED4DF, #DF695E);

各色を詳しく見る

#5ED4DF

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

#DF695E

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

関連する比較