#5ADADF

#5ADADF

#DF5F5A

#DF5F5A

コントラスト比

2.12:1

Delta E

95.76

Very Different

50:50 ミックス

#BCA29A

カラー値

フォーマット #5ADADF #DF5F5A
HEX #5ADADF #DF5F5A
RGB 90, 218, 223 223, 95, 90
HSL 182.3, 67.5%, 61.4% 2.3, 67.5%, 61.4%
HSV 182.3, 59.6%, 87.5% 2.3, 59.6%, 87.5%
CMYK 59.6%, 2.2%, 0.0%, 12.5% 0.0%, 57.4%, 59.6%, 12.5%
OKLCH 0.8196 0.112 198.8 0.6457 0.1614 24.9

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

2.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF5F5A → 背景色: #5ADADF

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

テキスト: #5ADADF → 背景色: #DF5F5A

色差 (Delta E)

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

グラデーション

#5ADADF #8AC8C8 #A7B5B1 #BCA29A #CB8E84 #D6786F #DF5F5A

カラーミキシング

#5ADADF

100%

#9ABFBC

75:25

#BCA29A

50:50

#D18379

25:75

#DF5F5A

100%

CSSグラデーションコード

background: linear-gradient(to right, #5ADADF, #DF5F5A);
background: linear-gradient(135deg, #5ADADF, #DF5F5A);

各色を詳しく見る

#5ADADF

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

#DF5F5A

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

関連する比較