#5987DF

#5987DF

#DFB159

#DFB159

コントラスト比

1.77:1

Delta E

101.8

Very Different

50:50 ミックス

#B09A9F

カラー値

フォーマット #5987DF #DFB159
HEX #5987DF #DFB159
RGB 89, 135, 223 223, 177, 89
HSL 219.4, 67.7%, 61.2% 39.4, 67.7%, 61.2%
HSV 219.4, 60.1%, 87.5% 39.4, 60.1%, 87.5%
CMYK 60.1%, 39.5%, 0.0%, 12.5% 0.0%, 20.6%, 60.1%, 12.5%
OKLCH 0.6316 0.1422 262.2 0.7848 0.1187 81.7

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

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFB159 → 背景色: #5987DF

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

テキスト: #5987DF → 背景色: #DFB159

色差 (Delta E)

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

グラデーション

#5987DF #808DCA #9B94B5 #B09A9F #C2A289 #D1A972 #DFB159

カラーミキシング

#5987DF

100%

#8F90BF

75:25

#B09A9F

50:50

#CAA57E

25:75

#DFB159

100%

CSSグラデーションコード

background: linear-gradient(to right, #5987DF, #DFB159);
background: linear-gradient(135deg, #5987DF, #DFB159);

各色を詳しく見る

#5987DF

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

#DFB159

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

関連する比較