#72B6FD

#72B6FD

#FDB972

#FDB972

コントラスト比

1.26:1

Delta E

89.34

Very Different

50:50 ミックス

#CCB7B9

カラー値

フォーマット #72B6FD #FDB972
HEX #72B6FD #FDB972
RGB 114, 182, 253 253, 185, 114
HSL 210.6, 97.2%, 72.0% 30.6, 97.2%, 72.0%
HSV 210.6, 54.9%, 99.2% 30.6, 54.9%, 99.2%
CMYK 54.9%, 28.1%, 0.0%, 0.8% 0.0%, 26.9%, 54.9%, 0.8%
OKLCH 0.7599 0.124 250.7 0.8344 0.1181 66.2

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

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDB972 → 背景色: #72B6FD

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

テキスト: #72B6FD → 背景色: #FDB972

色差 (Delta E)

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

グラデーション

#72B6FD #99B6E6 #B5B7CF #CCB7B9 #DEB8A2 #EFB88A #FDB972

カラーミキシング

#72B6FD

100%

#A8B6DB

75:25

#CCB7B9

50:50

#E7B896

25:75

#FDB972

100%

CSSグラデーションコード

background: linear-gradient(to right, #72B6FD, #FDB972);
background: linear-gradient(135deg, #72B6FD, #FDB972);

各色を詳しく見る

#72B6FD

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

#FDB972

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

関連する比較