#89B1F5

#89B1F5

#F5CD89

#F5CD89

コントラスト比

1.45:1

Delta E

78.14

Very Different

50:50 ミックス

#CBBEC0

カラー値

フォーマット #89B1F5 #F5CD89
HEX #89B1F5 #F5CD89
RGB 137, 177, 245 245, 205, 137
HSL 217.8, 84.4%, 74.9% 37.8, 84.4%, 74.9%
HSV 217.8, 44.1%, 96.1% 37.8, 44.1%, 96.1%
CMYK 44.1%, 27.8%, 0.0%, 3.9% 0.0%, 16.3%, 44.1%, 3.9%
OKLCH 0.7579 0.1077 260.7 0.8678 0.0969 80.2

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

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F5CD89 → 背景色: #89B1F5

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

テキスト: #89B1F5 → 背景色: #F5CD89

色差 (Delta E)

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

グラデーション

#89B1F5 #A3B5E4 #B9BAD2 #CBBEC0 #DAC3AE #E8C89C #F5CD89

カラーミキシング

#89B1F5

100%

#AEB7DB

75:25

#CBBEC0

50:50

#E1C5A5

25:75

#F5CD89

100%

CSSグラデーションコード

background: linear-gradient(to right, #89B1F5, #F5CD89);
background: linear-gradient(135deg, #89B1F5, #F5CD89);

各色を詳しく見る

#89B1F5

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

#F5CD89

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

関連する比較