#8AFDC5

#8AFDC5

#FD8AC2

#FD8AC2

コントラスト比

1.77:1

Delta E

100.8

Very Different

50:50 ミックス

#D2C9C4

カラー値

フォーマット #8AFDC5 #FD8AC2
HEX #8AFDC5 #FD8AC2
RGB 138, 253, 197 253, 138, 194
HSL 150.8, 96.6%, 76.7% 330.8, 96.6%, 76.7%
HSV 150.8, 45.5%, 99.2% 330.8, 45.5%, 99.2%
CMYK 45.5%, 0.0%, 22.1%, 0.8% 0.0%, 45.5%, 23.3%, 0.8%
OKLCH 0.911 0.1322 161.0 0.7744 0.1524 350.7

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

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FD8AC2 → 背景色: #8AFDC5

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

テキスト: #8AFDC5 → 背景色: #FD8AC2

色差 (Delta E)

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

グラデーション

#8AFDC5 #A8ECC5 #BFDBC4 #D2C9C4 #E3B6C3 #F1A1C3 #FD8AC2

カラーミキシング

#8AFDC5

100%

#B4E4C5

75:25

#D2C9C4

50:50

#EAACC3

25:75

#FD8AC2

100%

CSSグラデーションコード

background: linear-gradient(to right, #8AFDC5, #FD8AC2);
background: linear-gradient(135deg, #8AFDC5, #FD8AC2);

各色を詳しく見る

#8AFDC5

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

#FD8AC2

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

関連する比較