#5FE6FD

#5FE6FD

#FD765F

#FD765F

コントラスト比

1.79:1

Delta E

101.4

Very Different

50:50 ミックス

#D1B3AC

カラー値

フォーマット #5FE6FD #FD765F
HEX #5FE6FD #FD765F
RGB 95, 230, 253 253, 118, 95
HSL 188.7, 97.5%, 68.2% 8.7, 97.5%, 68.2%
HSV 188.7, 62.5%, 99.2% 8.7, 62.5%, 99.2%
CMYK 62.5%, 9.1%, 0.0%, 0.8% 0.0%, 53.4%, 62.5%, 0.8%
OKLCH 0.8595 0.1203 210.6 0.7214 0.1696 31.4

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

1.79:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FD765F → 背景色: #5FE6FD

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

テキスト: #5FE6FD → 背景色: #FD765F

色差 (Delta E)

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

グラデーション

#5FE6FD #98D5E1 #B9C4C6 #D1B3AC #E4A092 #F28C78 #FD765F

カラーミキシング

#5FE6FD

100%

#AACDD4

75:25

#D1B3AC

50:50

#EB9685

25:75

#FD765F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5FE6FD, #FD765F);
background: linear-gradient(135deg, #5FE6FD, #FD765F);

各色を詳しく見る

#5FE6FD

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

#FD765F

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

関連する比較