#75E5FD

#75E5FD

#FD8D75

#FD8D75

コントラスト比

1.56:1

Delta E

85.68

Very Different

50:50 ミックス

#D2BCB8

カラー値

フォーマット #75E5FD #FD8D75
HEX #75E5FD #FD8D75
RGB 117, 229, 253 253, 141, 117
HSL 190.6, 97.1%, 72.5% 10.6, 97.1%, 72.5%
HSV 190.6, 53.8%, 99.2% 10.6, 53.8%, 99.2%
CMYK 53.8%, 9.5%, 0.0%, 0.8% 0.0%, 44.3%, 53.8%, 0.8%
OKLCH 0.8646 0.1073 213.5 0.7594 0.1408 33.1

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

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FD8D75 → 背景色: #75E5FD

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

テキスト: #75E5FD → 背景色: #FD8D75

色差 (Delta E)

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

グラデーション

#75E5FD #A0D8E5 #BCCACE #D2BCB8 #E3ADA1 #F19E8B #FD8D75

カラーミキシング

#75E5FD

100%

#AFD1DA

75:25

#D2BCB8

50:50

#EBA596

25:75

#FD8D75

100%

CSSグラデーションコード

background: linear-gradient(to right, #75E5FD, #FD8D75);
background: linear-gradient(135deg, #75E5FD, #FD8D75);

各色を詳しく見る

#75E5FD

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

#FD8D75

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

関連する比較