#AFE7FB

#AFE7FB

#FBC3AF

#FBC3AF

コントラスト比

1.16:1

Delta E

45.36

Very Different

50:50 ミックス

#DCD5D5

カラー値

フォーマット #AFE7FB #FBC3AF
HEX #AFE7FB #FBC3AF
RGB 175, 231, 251 251, 195, 175
HSL 195.8, 90.5%, 83.5% 15.8, 90.5%, 83.5%
HSV 195.8, 30.3%, 98.4% 15.8, 30.3%, 98.4%
CMYK 30.3%, 8.0%, 0.0%, 1.6% 0.0%, 22.3%, 30.3%, 1.6%
OKLCH 0.8962 0.0632 221.9 0.8621 0.0702 40.5

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

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FBC3AF → 背景色: #AFE7FB

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

テキスト: #AFE7FB → 背景色: #FBC3AF

色差 (Delta E)

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

グラデーション

#AFE7FB #C0E1EE #CFDBE1 #DCD5D5 #E7CFC8 #F2C9BB #FBC3AF

カラーミキシング

#AFE7FB

100%

#C8DEE8

75:25

#DCD5D5

50:50

#EDCCC2

25:75

#FBC3AF

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFE7FB, #FBC3AF);
background: linear-gradient(135deg, #AFE7FB, #FBC3AF);

各色を詳しく見る

#AFE7FB

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

#FBC3AF

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

関連する比較