#87F3BC

#87F3BC

#F387BE

#F387BE

コントラスト比

1.73:1

Delta E

96.96

Very Different

50:50 ミックス

#CAC2BD

カラー値

フォーマット #87F3BC #F387BE
HEX #87F3BC #F387BE
RGB 135, 243, 188 243, 135, 190
HSL 149.4, 81.8%, 74.1% 329.4, 81.8%, 74.1%
HSV 149.4, 44.4%, 95.3% 329.4, 44.4%, 95.3%
CMYK 44.4%, 0.0%, 22.6%, 4.7% 0.0%, 44.4%, 21.8%, 4.7%
OKLCH 0.8845 0.1274 160.0 0.7563 0.1455 349.3

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

1.73:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F387BE → 背景色: #87F3BC

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

テキスト: #87F3BC → 背景色: #F387BE

色差 (Delta E)

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

グラデーション

#87F3BC #A3E3BD #B8D3BD #CAC2BD #DAB0BE #E79DBE #F387BE

カラーミキシング

#87F3BC

100%

#AEDBBD

75:25

#CAC2BD

50:50

#E1A6BE

25:75

#F387BE

100%

CSSグラデーションコード

background: linear-gradient(to right, #87F3BC, #F387BE);
background: linear-gradient(135deg, #87F3BC, #F387BE);

各色を詳しく見る

#87F3BC

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

#F387BE

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

関連する比較