#89F0FC

#89F0FC

#FC9589

#FC9589

コントラスト比

1.63:1

Delta E

76.77

Very Different

50:50 ミックス

#D6C5C1

カラー値

フォーマット #89F0FC #FC9589
HEX #89F0FC #FC9589
RGB 137, 240, 252 252, 149, 137
HSL 186.3, 95.0%, 76.3% 6.3, 95.0%, 76.3%
HSV 186.3, 45.6%, 98.8% 6.3, 45.6%, 98.8%
CMYK 45.6%, 4.8%, 0.0%, 1.2% 0.0%, 40.9%, 45.6%, 1.2%
OKLCH 0.8969 0.0975 205.3 0.7748 0.1261 27.4

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

1.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FC9589 → 背景色: #89F0FC

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

テキスト: #89F0FC → 背景色: #FC9589

色差 (Delta E)

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

グラデーション

#89F0FC #AAE2E8 #C3D4D4 #D6C5C1 #E5B6AE #F2A69B #FC9589

カラーミキシング

#89F0FC

100%

#B7DBDE

75:25

#D6C5C1

50:50

#EBAEA5

25:75

#FC9589

100%

CSSグラデーションコード

background: linear-gradient(to right, #89F0FC, #FC9589);
background: linear-gradient(135deg, #89F0FC, #FC9589);

各色を詳しく見る

#89F0FC

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

#FC9589

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

関連する比較