#84EBFD

#84EBFD

#FD9684

#FD9684

コントラスト比

1.55:1

Delta E

77.78

Very Different

50:50 ミックス

#D5C3BF

カラー値

フォーマット #84EBFD #FD9684
HEX #84EBFD #FD9684
RGB 132, 235, 253 253, 150, 132
HSL 188.9, 96.8%, 75.5% 8.9, 96.8%, 75.5%
HSV 188.9, 47.8%, 99.2% 8.9, 47.8%, 99.2%
CMYK 47.8%, 7.1%, 0.0%, 0.8% 0.0%, 40.7%, 47.8%, 0.8%
OKLCH 0.884 0.0991 210.1 0.7766 0.1275 30.8

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

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FD9684 → 背景色: #84EBFD

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

テキスト: #84EBFD → 背景色: #FD9684

色差 (Delta E)

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

グラデーション

#84EBFD #A7DEE8 #C1D1D4 #D5C3BF #E5B5AB #F2A697 #FD9684

カラーミキシング

#84EBFD

100%

#B5D7DE

75:25

#D5C3BF

50:50

#ECADA1

25:75

#FD9684

100%

CSSグラデーションコード

background: linear-gradient(to right, #84EBFD, #FD9684);
background: linear-gradient(135deg, #84EBFD, #FD9684);

各色を詳しく見る

#84EBFD

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

#FD9684

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

関連する比較