#59B7DF

#59B7DF

#DF8159

#DF8159

コントラスト比

1.25:1

Delta E

82.0

Very Different

50:50 ミックス

#B59E9B

カラー値

フォーマット #59B7DF #DF8159
HEX #59B7DF #DF8159
RGB 89, 183, 223 223, 129, 89
HSL 197.9, 67.7%, 61.2% 17.9, 67.7%, 61.2%
HSV 197.9, 60.1%, 87.5% 17.9, 60.1%, 87.5%
CMYK 60.1%, 17.9%, 0.0%, 12.5% 0.0%, 42.2%, 60.1%, 12.5%
OKLCH 0.7381 0.1058 228.6 0.697 0.1285 43.3

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

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF8159 → 背景色: #59B7DF

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

テキスト: #59B7DF → 背景色: #DF8159

色差 (Delta E)

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

グラデーション

#59B7DF #84AFC8 #A0A6B2 #B59E9B #C69585 #D38B6F #DF8159

カラーミキシング

#59B7DF

100%

#93ABBD

75:25

#B59E9B

50:50

#CD907A

25:75

#DF8159

100%

CSSグラデーションコード

background: linear-gradient(to right, #59B7DF, #DF8159);
background: linear-gradient(135deg, #59B7DF, #DF8159);

各色を詳しく見る

#59B7DF

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

#DF8159

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

関連する比較