#AFABDF

#AFABDF

#DBDFAB

#DBDFAB

コントラスト比

1.56:1

Delta E

57.43

Very Different

50:50 ミックス

#C8C5C6

カラー値

フォーマット #AFABDF #DBDFAB
HEX #AFABDF #DBDFAB
RGB 175, 171, 223 219, 223, 171
HSL 244.6, 44.8%, 77.3% 64.6, 44.8%, 77.3%
HSV 244.6, 23.3%, 87.5% 64.6, 23.3%, 87.5%
CMYK 21.5%, 23.3%, 0.0%, 12.5% 1.8%, 0.0%, 23.3%, 12.5%
OKLCH 0.7627 0.074 288.0 0.8877 0.0683 111.4

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

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DBDFAB → 背景色: #AFABDF

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

テキスト: #AFABDF → 背景色: #DBDFAB

色差 (Delta E)

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

グラデーション

#AFABDF #B8B3D7 #C0BCCE #C8C5C6 #CFCDBD #D5D6B4 #DBDFAB

カラーミキシング

#AFABDF

100%

#BCB8D3

75:25

#C8C5C6

50:50

#D2D2B9

25:75

#DBDFAB

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFABDF, #DBDFAB);
background: linear-gradient(135deg, #AFABDF, #DBDFAB);

各色を詳しく見る

#AFABDF

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

#DBDFAB

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

関連する比較