#85AFDF

#85AFDF

#DFB585

#DFB585

コントラスト比

1.21:1

Delta E

60.11

Very Different

50:50 ミックス

#BBB2B3

カラー値

フォーマット #85AFDF #DFB585
HEX #85AFDF #DFB585
RGB 133, 175, 223 223, 181, 133
HSL 212.0, 58.4%, 69.8% 32.0, 58.4%, 69.8%
HSV 212.0, 40.4%, 87.5% 32.0, 40.4%, 87.5%
CMYK 40.4%, 21.5%, 0.0%, 12.5% 0.0%, 18.8%, 40.4%, 12.5%
OKLCH 0.7416 0.0834 252.2 0.7993 0.0797 70.0

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

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFB585 → 背景色: #85AFDF

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

テキスト: #85AFDF → 背景色: #DFB585

色差 (Delta E)

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

グラデーション

#85AFDF #9AB0D0 #ACB1C1 #BBB2B3 #C8B3A4 #D4B494 #DFB585

カラーミキシング

#85AFDF

100%

#A3B0C9

75:25

#BBB2B3

50:50

#CEB39C

25:75

#DFB585

100%

CSSグラデーションコード

background: linear-gradient(to right, #85AFDF, #DFB585);
background: linear-gradient(135deg, #85AFDF, #DFB585);

各色を詳しく見る

#85AFDF

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

#DFB585

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

関連する比較