#8BAEF2

#8BAEF2

#F2CF8B

#F2CF8B

コントラスト比

1.49:1

Delta E

77.22

Very Different

50:50 ミックス

#C9BEC0

カラー値

フォーマット #8BAEF2 #F2CF8B
HEX #8BAEF2 #F2CF8B
RGB 139, 174, 242 242, 207, 139
HSL 219.6, 79.8%, 74.7% 39.6, 79.8%, 74.7%
HSV 219.6, 42.6%, 94.9% 39.6, 42.6%, 94.9%
CMYK 42.6%, 28.1%, 0.0%, 5.1% 0.0%, 14.5%, 42.6%, 5.1%
OKLCH 0.7515 0.106 263.1 0.8692 0.0945 83.4

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

1.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F2CF8B → 背景色: #8BAEF2

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

テキスト: #8BAEF2 → 背景色: #F2CF8B

色差 (Delta E)

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

グラデーション

#8BAEF2 #A4B3E1 #B8B8D1 #C9BEC0 #D8C3AF #E6C99D #F2CF8B

カラーミキシング

#8BAEF2

100%

#AEB6D9

75:25

#C9BEC0

50:50

#DFC6A6

25:75

#F2CF8B

100%

CSSグラデーションコード

background: linear-gradient(to right, #8BAEF2, #F2CF8B);
background: linear-gradient(135deg, #8BAEF2, #F2CF8B);

各色を詳しく見る

#8BAEF2

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

#F2CF8B

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

関連する比較