#5F91DF

#5F91DF

#DFAD5F

#DFAD5F

コントラスト比

1.56:1

Delta E

92.42

Very Different

50:50 ミックス

#B29EA1

カラー値

フォーマット #5F91DF #DFAD5F
HEX #5F91DF #DFAD5F
RGB 95, 145, 223 223, 173, 95
HSL 216.6, 66.7%, 62.4% 36.6, 66.7%, 62.4%
HSV 216.6, 57.4%, 87.5% 36.6, 57.4%, 87.5%
CMYK 57.4%, 35.0%, 0.0%, 12.5% 0.0%, 22.4%, 57.4%, 12.5%
OKLCH 0.6559 0.129 259.0 0.7777 0.1123 77.0

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

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFAD5F → 背景色: #5F91DF

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

テキスト: #5F91DF → 背景色: #DFAD5F

色差 (Delta E)

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

グラデーション

#5F91DF #8495CB #9D99B6 #B29EA1 #C3A38C #D2A876 #DFAD5F

カラーミキシング

#5F91DF

100%

#9197C0

75:25

#B29EA1

50:50

#CBA581

25:75

#DFAD5F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5F91DF, #DFAD5F);
background: linear-gradient(135deg, #5F91DF, #DFAD5F);

各色を詳しく見る

#5F91DF

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

#DFAD5F

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

関連する比較