#5FD5FE

#5FD5FE

#FE885F

#FE885F

コントラスト比

1.4:1

Delta E

95.92

Very Different

50:50 ミックス

#CFB1AD

カラー値

フォーマット #5FD5FE #FE885F
HEX #5FD5FE #FE885F
RGB 95, 213, 254 254, 136, 95
HSL 195.5, 98.8%, 68.4% 15.5, 98.8%, 68.4%
HSV 195.5, 62.6%, 99.6% 15.5, 62.6%, 99.6%
CMYK 62.6%, 16.1%, 0.0%, 0.4% 0.0%, 46.5%, 62.6%, 0.4%
OKLCH 0.8213 0.1199 224.1 0.7493 0.1541 39.7

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

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FE885F → 背景色: #5FD5FE

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

テキスト: #5FD5FE → 背景色: #FE885F

色差 (Delta E)

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

グラデーション

#5FD5FE #95C9E3 #B7BEC8 #CFB1AD #E2A493 #F19779 #FE885F

カラーミキシング

#5FD5FE

100%

#A7C4D5

75:25

#CFB1AD

50:50

#EA9E86

25:75

#FE885F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5FD5FE, #FE885F);
background: linear-gradient(135deg, #5FD5FE, #FE885F);

各色を詳しく見る

#5FD5FE

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

#FE885F

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

関連する比較