#85F6FF

#85F6FF

#FF8E85

#FF8E85

コントラスト比

1.76:1

Delta E

83.54

Very Different

50:50 ミックス

#D8C5C0

カラー値

フォーマット #85F6FF #FF8E85
HEX #85F6FF #FF8E85
RGB 133, 246, 255 255, 142, 133
HSL 184.4, 100.0%, 76.1% 4.4, 100.0%, 76.1%
HSV 184.4, 47.8%, 100.0% 4.4, 47.8%, 100.0%
CMYK 47.8%, 3.5%, 0.0%, 0.0% 0.0%, 44.3%, 47.8%, 0.0%
OKLCH 0.9096 0.1041 202.3 0.7666 0.1381 25.6

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

1.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF8E85 → 背景色: #85F6FF

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

テキスト: #85F6FF → 背景色: #FF8E85

色差 (Delta E)

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

グラデーション

#85F6FF #AAE6EA #C4D6D5 #D8C5C0 #E8B4AC #F5A198 #FF8E85

カラーミキシング

#85F6FF

100%

#B8DEDF

75:25

#D8C5C0

50:50

#EFABA2

25:75

#FF8E85

100%

CSSグラデーションコード

background: linear-gradient(to right, #85F6FF, #FF8E85);
background: linear-gradient(135deg, #85F6FF, #FF8E85);

各色を詳しく見る

#85F6FF

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

#FF8E85

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

関連する比較