#ABB2FD

#ABB2FD

#FDF6AB

#FDF6AB

コントラスト比

1.8:1

Delta E

81.2

Very Different

50:50 ミックス

#DAD3D6

カラー値

フォーマット #ABB2FD #FDF6AB
HEX #ABB2FD #FDF6AB
RGB 171, 178, 253 253, 246, 171
HSL 234.9, 95.3%, 83.1% 54.9, 95.3%, 83.1%
HSV 234.9, 32.4%, 99.2% 54.9, 32.4%, 99.2%
CMYK 32.4%, 29.6%, 0.0%, 0.8% 0.0%, 2.8%, 32.4%, 0.8%
OKLCH 0.7861 0.1068 279.5 0.9615 0.0945 103.5

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

1.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDF6AB → 背景色: #ABB2FD

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

テキスト: #ABB2FD → 背景色: #FDF6AB

色差 (Delta E)

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

グラデーション

#ABB2FD #BDBDF0 #CCC8E3 #DAD3D6 #E7DFC8 #F2EABA #FDF6AB

カラーミキシング

#ABB2FD

100%

#C5C2EA

75:25

#DAD3D6

50:50

#EDE4C1

25:75

#FDF6AB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABB2FD, #FDF6AB);
background: linear-gradient(135deg, #ABB2FD, #FDF6AB);

各色を詳しく見る

#ABB2FD

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

#FDF6AB

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

関連する比較