#84FDDF

#84FDDF

#FD84A2

#FD84A2

コントラスト比

1.9:1

Delta E

92.83

Very Different

50:50 ミックス

#D4C6C0

カラー値

フォーマット #84FDDF #FD84A2
HEX #84FDDF #FD84A2
RGB 132, 253, 223 253, 132, 162
HSL 165.1, 96.8%, 75.5% 345.1, 96.8%, 75.5%
HSV 165.1, 47.8%, 99.2% 345.1, 47.8%, 99.2%
CMYK 47.8%, 0.0%, 11.9%, 0.8% 0.0%, 47.8%, 36.0%, 0.8%
OKLCH 0.9152 0.1182 175.3 0.7559 0.1494 5.6

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

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FD84A2 → 背景色: #84FDDF

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

テキスト: #84FDDF → 背景色: #FD84A2

色差 (Delta E)

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

グラデーション

#84FDDF #A6EBD4 #C0D9CA #D4C6C0 #E4B1B6 #F19CAC #FD84A2

カラーミキシング

#84FDDF

100%

#B4E2CF

75:25

#D4C6C0

50:50

#EBA7B1

25:75

#FD84A2

100%

CSSグラデーションコード

background: linear-gradient(to right, #84FDDF, #FD84A2);
background: linear-gradient(135deg, #84FDDF, #FD84A2);

各色を詳しく見る

#84FDDF

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

#FD84A2

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

関連する比較