#ABB6FD

#ABB6FD

#FDF2AB

#FDF2AB

コントラスト比

1.7:1

Delta E

76.86

Very Different

50:50 ミックス

#DAD3D6

カラー値

フォーマット #ABB6FD #FDF2AB
HEX #ABB6FD #FDF2AB
RGB 171, 182, 253 253, 242, 171
HSL 232.0, 95.3%, 83.1% 52.0, 95.3%, 83.1%
HSV 232.0, 32.4%, 99.2% 52.0, 32.4%, 99.2%
CMYK 32.4%, 28.1%, 0.0%, 0.8% 0.0%, 4.3%, 32.4%, 0.8%
OKLCH 0.7939 0.1016 277.0 0.9535 0.0903 100.4

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

1.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDF2AB → 背景色: #ABB6FD

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

テキスト: #ABB6FD → 背景色: #FDF2AB

色差 (Delta E)

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

グラデーション

#ABB6FD #BDC0F0 #CCC9E3 #DAD3D6 #E7DDC8 #F2E8BA #FDF2AB

カラーミキシング

#ABB6FD

100%

#C5C4EA

75:25

#DAD3D6

50:50

#EDE2C1

25:75

#FDF2AB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABB6FD, #FDF2AB);
background: linear-gradient(135deg, #ABB6FD, #FDF2AB);

各色を詳しく見る

#ABB6FD

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

#FDF2AB

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

関連する比較