#A7B2FD

#A7B2FD

#FDF2A7

#FDF2A7

コントラスト比

1.77:1

Delta E

81.26

Very Different

50:50 ミックス

#D9D1D4

カラー値

フォーマット #A7B2FD #FDF2A7
HEX #A7B2FD #FDF2A7
RGB 167, 178, 253 253, 242, 167
HSL 232.3, 95.6%, 82.4% 52.3, 95.6%, 82.4%
HSV 232.3, 34.0%, 99.2% 52.3, 34.0%, 99.2%
CMYK 34.0%, 29.6%, 0.0%, 0.8% 0.0%, 4.3%, 34.0%, 0.8%
OKLCH 0.7832 0.1076 277.2 0.9528 0.0949 100.9

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

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDF2A7 → 背景色: #A7B2FD

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

テキスト: #A7B2FD → 背景色: #FDF2A7

色差 (Delta E)

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

グラデーション

#A7B2FD #BABCEF #CAC6E2 #D9D1D4 #E6DCC5 #F2E7B7 #FDF2A7

カラーミキシング

#A7B2FD

100%

#C2C1E9

75:25

#D9D1D4

50:50

#ECE1BE

25:75

#FDF2A7

100%

CSSグラデーションコード

background: linear-gradient(to right, #A7B2FD, #FDF2A7);
background: linear-gradient(135deg, #A7B2FD, #FDF2A7);

各色を詳しく見る

#A7B2FD

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

#FDF2A7

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

関連する比較