#5FECFD

#5FECFD

#FD705F

#FD705F

コントラスト比

1.95:1

Delta E

104.34

Very Different

50:50 ミックス

#D3B4AC

カラー値

フォーマット #5FECFD #FD705F
HEX #5FECFD #FD705F
RGB 95, 236, 253 253, 112, 95
HSL 186.5, 97.5%, 68.2% 6.5, 97.5%, 68.2%
HSV 186.5, 62.5%, 99.2% 6.5, 62.5%, 99.2%
CMYK 62.5%, 6.7%, 0.0%, 0.8% 0.0%, 55.7%, 62.5%, 0.8%
OKLCH 0.8732 0.1221 206.3 0.7132 0.1757 29.1

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

1.95:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FD705F → 背景色: #5FECFD

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

テキスト: #5FECFD → 背景色: #FD705F

色差 (Delta E)

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

グラデーション

#5FECFD #99DAE1 #BBC7C6 #D3B4AC #E59F91 #F28978 #FD705F

カラーミキシング

#5FECFD

100%

#ABD0D4

75:25

#D3B4AC

50:50

#EC9485

25:75

#FD705F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5FECFD, #FD705F);
background: linear-gradient(135deg, #5FECFD, #FD705F);

各色を詳しく見る

#5FECFD

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

#FD705F

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

関連する比較