#B1AFCC

#B1AFCC

#CACCAF

#CACCAF

コントラスト比

1.29:1

Delta E

32.33

Very Different

50:50 ミックス

#BEBDBE

カラー値

フォーマット #B1AFCC #CACCAF
HEX #B1AFCC #CACCAF
RGB 177, 175, 204 202, 204, 175
HSL 244.1, 22.1%, 74.3% 64.1, 22.1%, 74.3%
HSV 244.1, 14.2%, 80.0% 64.1, 14.2%, 80.0%
CMYK 13.2%, 14.2%, 0.0%, 20.0% 1.0%, 0.0%, 14.2%, 20.0%
OKLCH 0.7651 0.0412 288.5 0.8359 0.0393 110.4

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

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CACCAF → 背景色: #B1AFCC

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

テキスト: #B1AFCC → 背景色: #CACCAF

色差 (Delta E)

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

グラデーション

#B1AFCC #B6B4C7 #BAB9C3 #BEBDBE #C2C2B9 #C6C7B4 #CACCAF

カラーミキシング

#B1AFCC

100%

#B8B6C5

75:25

#BEBDBE

50:50

#C4C5B6

25:75

#CACCAF

100%

CSSグラデーションコード

background: linear-gradient(to right, #B1AFCC, #CACCAF);
background: linear-gradient(135deg, #B1AFCC, #CACCAF);

各色を詳しく見る

#B1AFCC

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

#CACCAF

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

関連する比較