#71B5FE

#71B5FE

#FEBA71

#FEBA71

コントラスト比

1.28:1

Delta E

91.07

Very Different

50:50 ミックス

#CCB7B9

カラー値

フォーマット #71B5FE #FEBA71
HEX #71B5FE #FEBA71
RGB 113, 181, 254 254, 186, 113
HSL 211.1, 98.6%, 72.0% 31.1, 98.6%, 72.0%
HSV 211.1, 55.5%, 99.6% 31.1, 55.5%, 99.6%
CMYK 55.5%, 28.7%, 0.0%, 0.4% 0.0%, 26.8%, 55.5%, 0.4%
OKLCH 0.7578 0.1265 251.4 0.8372 0.1196 66.9

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

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FEBA71 → 背景色: #71B5FE

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

テキスト: #71B5FE → 背景色: #FEBA71

色差 (Delta E)

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

グラデーション

#71B5FE #99B6E7 #B6B6D0 #CCB7B9 #DFB8A2 #F0B98A #FEBA71

カラーミキシング

#71B5FE

100%

#A8B6DB

75:25

#CCB7B9

50:50

#E8B896

25:75

#FEBA71

100%

CSSグラデーションコード

background: linear-gradient(to right, #71B5FE, #FEBA71);
background: linear-gradient(135deg, #71B5FE, #FEBA71);

各色を詳しく見る

#71B5FE

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

#FEBA71

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

関連する比較