#96BAFF

#96BAFF

#FFDB96

#FFDB96

コントラスト比

1.47:1

Delta E

77.63

Very Different

50:50 ミックス

#D5CACC

カラー値

フォーマット #96BAFF #FFDB96
HEX #96BAFF #FFDB96
RGB 150, 186, 255 255, 219, 150
HSL 219.4, 100.0%, 79.4% 39.4, 100.0%, 79.4%
HSV 219.4, 41.2%, 100.0% 39.4, 41.2%, 100.0%
CMYK 41.2%, 27.1%, 0.0%, 0.0% 0.0%, 14.1%, 41.2%, 0.0%
OKLCH 0.7889 0.1064 262.9 0.9064 0.0954 83.1

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

1.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFDB96 → 背景色: #96BAFF

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

テキスト: #96BAFF → 背景色: #FFDB96

色差 (Delta E)

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

グラデーション

#96BAFF #AFBFEE #C3C4DD #D5CACC #E4CFBA #F2D5A9 #FFDB96

カラーミキシング

#96BAFF

100%

#B9C2E6

75:25

#D5CACC

50:50

#EBD2B2

25:75

#FFDB96

100%

CSSグラデーションコード

background: linear-gradient(to right, #96BAFF, #FFDB96);
background: linear-gradient(135deg, #96BAFF, #FFDB96);

各色を詳しく見る

#96BAFF

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

#FFDB96

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

関連する比較