#96AFDC

#96AFDC

#DCC396

#DCC396

コントラスト比

1.3:1

Delta E

52.11

Very Different

50:50 ミックス

#BEB9BA

カラー値

フォーマット #96AFDC #DCC396
HEX #96AFDC #DCC396
RGB 150, 175, 220 220, 195, 150
HSL 218.6, 50.0%, 72.5% 38.6, 50.0%, 72.5%
HSV 218.6, 31.8%, 86.3% 38.6, 31.8%, 86.3%
CMYK 31.8%, 20.5%, 0.0%, 13.7% 0.0%, 11.4%, 31.8%, 13.7%
OKLCH 0.7512 0.0709 262.0 0.8274 0.0658 82.1

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

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DCC396 → 背景色: #96AFDC

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

テキスト: #96AFDC → 背景色: #DCC396

色差 (Delta E)

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

グラデーション

#96AFDC #A5B2D1 #B2B5C5 #BEB9BA #C9BCAE #D3BFA2 #DCC396

カラーミキシング

#96AFDC

100%

#ACB4CB

75:25

#BEB9BA

50:50

#CEBEA8

25:75

#DCC396

100%

CSSグラデーションコード

background: linear-gradient(to right, #96AFDC, #DCC396);
background: linear-gradient(135deg, #96AFDC, #DCC396);

各色を詳しく見る

#96AFDC

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

#DCC396

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

関連する比較