#85A8DF

#85A8DF

#DFBC85

#DFBC85

コントラスト比

1.35:1

Delta E

64.88

Very Different

50:50 ミックス

#BBB2B3

カラー値

フォーマット #85A8DF #DFBC85
HEX #85A8DF #DFBC85
RGB 133, 168, 223 223, 188, 133
HSL 216.7, 58.4%, 69.8% 36.7, 58.4%, 69.8%
HSV 216.7, 40.4%, 87.5% 36.7, 40.4%, 87.5%
CMYK 40.4%, 24.7%, 0.0%, 12.5% 0.0%, 15.7%, 40.4%, 12.5%
OKLCH 0.7267 0.0893 259.3 0.813 0.082 78.5

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

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFBC85 → 背景色: #85A8DF

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

テキスト: #85A8DF → 背景色: #DFBC85

色差 (Delta E)

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

グラデーション

#85A8DF #9AABD0 #ACAEC2 #BBB2B3 #C8B5A4 #D4B895 #DFBC85

カラーミキシング

#85A8DF

100%

#A3ADC9

75:25

#BBB2B3

50:50

#CEB79C

25:75

#DFBC85

100%

CSSグラデーションコード

background: linear-gradient(to right, #85A8DF, #DFBC85);
background: linear-gradient(135deg, #85A8DF, #DFBC85);

各色を詳しく見る

#85A8DF

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

#DFBC85

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

関連する比較