#5DA5DA

#5DA5DA

#DA925D

#DA925D

コントラスト比

1.05:1

Delta E

78.2

Very Different

50:50 ミックス

#B09C9C

カラー値

フォーマット #5DA5DA #DA925D
HEX #5DA5DA #DA925D
RGB 93, 165, 218 218, 146, 93
HSL 205.4, 62.8%, 61.0% 25.4, 62.8%, 61.0%
HSV 205.4, 57.3%, 85.5% 25.4, 57.3%, 85.5%
CMYK 57.3%, 24.3%, 0.0%, 14.5% 0.0%, 33.0%, 57.3%, 14.5%
OKLCH 0.6966 0.1066 242.3 0.7212 0.1113 56.2

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DA925D → 背景色: #5DA5DA

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

テキスト: #5DA5DA → 背景色: #DA925D

色差 (Delta E)

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

グラデーション

#5DA5DA #82A2C5 #9C9FB0 #B09C9C #C09987 #CE9572 #DA925D

カラーミキシング

#5DA5DA

100%

#90A0BB

75:25

#B09C9C

50:50

#C7977D

25:75

#DA925D

100%

CSSグラデーションコード

background: linear-gradient(to right, #5DA5DA, #DA925D);
background: linear-gradient(135deg, #5DA5DA, #DA925D);

各色を詳しく見る

#5DA5DA

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

#DA925D

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

関連する比較