#85F4FF

#85F4FF

#FF9085

#FF9085

コントラスト比

1.71:1

Delta E

82.28

Very Different

50:50 ミックス

#D8C5C0

カラー値

フォーマット #85F4FF #FF9085
HEX #85F4FF #FF9085
RGB 133, 244, 255 255, 144, 133
HSL 185.4, 100.0%, 76.1% 5.4, 100.0%, 76.1%
HSV 185.4, 47.8%, 100.0% 5.4, 47.8%, 100.0%
CMYK 47.8%, 4.3%, 0.0%, 0.0% 0.0%, 43.5%, 47.8%, 0.0%
OKLCH 0.9051 0.103 203.9 0.7697 0.1359 26.6

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

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF9085 → 背景色: #85F4FF

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

テキスト: #85F4FF → 背景色: #FF9085

色差 (Delta E)

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

グラデーション

#85F4FF #AAE5EA #C4D5D5 #D8C5C0 #E8B4AC #F4A398 #FF9085

カラーミキシング

#85F4FF

100%

#B8DDDF

75:25

#D8C5C0

50:50

#EEACA2

25:75

#FF9085

100%

CSSグラデーションコード

background: linear-gradient(to right, #85F4FF, #FF9085);
background: linear-gradient(135deg, #85F4FF, #FF9085);

各色を詳しく見る

#85F4FF

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

#FF9085

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

関連する比較