#86CCF5

#86CCF5

#F5AF86

#F5AF86

コントラスト比

1.05:1

Delta E

66.52

Very Different

50:50 ミックス

#CCBEBD

カラー値

フォーマット #86CCF5 #F5AF86
HEX #86CCF5 #F5AF86
RGB 134, 204, 245 245, 175, 134
HSL 202.2, 84.7%, 74.3% 22.2, 84.7%, 74.3%
HSV 202.2, 45.3%, 96.1% 22.2, 45.3%, 96.1%
CMYK 45.3%, 16.7%, 0.0%, 3.9% 0.0%, 28.6%, 45.3%, 3.9%
OKLCH 0.8138 0.0912 235.2 0.8109 0.0989 51.2

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F5AF86 → 背景色: #86CCF5

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

テキスト: #86CCF5 → 背景色: #F5AF86

色差 (Delta E)

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

グラデーション

#86CCF5 #A3C7E2 #B9C3D0 #CCBEBD #DBB9AB #E9B499 #F5AF86

カラーミキシング

#86CCF5

100%

#AFC5D9

75:25

#CCBEBD

50:50

#E2B7A2

25:75

#F5AF86

100%

CSSグラデーションコード

background: linear-gradient(to right, #86CCF5, #F5AF86);
background: linear-gradient(135deg, #86CCF5, #F5AF86);

各色を詳しく見る

#86CCF5

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

#F5AF86

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

関連する比較