#5F8DEC

#5F8DEC

#ECBE5F

#ECBE5F

コントラスト比

1.86:1

Delta E

108.03

Very Different

50:50 ミックス

#BBA4A9

カラー値

フォーマット #5F8DEC #ECBE5F
HEX #5F8DEC #ECBE5F
RGB 95, 141, 236 236, 190, 95
HSL 220.4, 78.8%, 64.9% 40.4, 78.8%, 64.9%
HSV 220.4, 59.7%, 92.5% 40.4, 59.7%, 92.5%
CMYK 59.7%, 40.3%, 0.0%, 7.5% 0.0%, 19.5%, 59.7%, 7.5%
OKLCH 0.6548 0.1508 263.3 0.824 0.1246 83.5

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

1.86:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECBE5F → 背景色: #5F8DEC

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

テキスト: #5F8DEC → 背景色: #ECBE5F

色差 (Delta E)

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

グラデーション

#5F8DEC #8894D6 #A59CC0 #BBA4A9 #CEAC92 #DEB57A #ECBE5F

カラーミキシング

#5F8DEC

100%

#9898CB

75:25

#BBA4A9

50:50

#D6B186

25:75

#ECBE5F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5F8DEC, #ECBE5F);
background: linear-gradient(135deg, #5F8DEC, #ECBE5F);

各色を詳しく見る

#5F8DEC

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

#ECBE5F

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

関連する比較