#5DBDDA

#5DBDDA

#DA7A5D

#DA7A5D

コントラスト比

1.41:1

Delta E

78.46

Very Different

50:50 ミックス

#B39E9A

カラー値

フォーマット #5DBDDA #DA7A5D
HEX #5DBDDA #DA7A5D
RGB 93, 189, 218 218, 122, 93
HSL 193.9, 62.8%, 61.0% 13.9, 62.8%, 61.0%
HSV 193.9, 57.3%, 85.5% 13.9, 57.3%, 85.5%
CMYK 57.3%, 13.3%, 0.0%, 14.5% 0.0%, 44.0%, 57.3%, 14.5%
OKLCH 0.7513 0.0992 220.3 0.6796 0.127 37.6

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

1.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DA7A5D → 背景色: #5DBDDA

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

テキスト: #5DBDDA → 背景色: #DA7A5D

色差 (Delta E)

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

グラデーション

#5DBDDA #85B3C4 #9FA8AF #B39E9A #C39286 #CF8771 #DA7A5D

カラーミキシング

#5DBDDA

100%

#93AEBA

75:25

#B39E9A

50:50

#C98D7B

25:75

#DA7A5D

100%

CSSグラデーションコード

background: linear-gradient(to right, #5DBDDA, #DA7A5D);
background: linear-gradient(135deg, #5DBDDA, #DA7A5D);

各色を詳しく見る

#5DBDDA

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

#DA7A5D

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

関連する比較