#9BDF85

#9BDF85

#C985DF

#C985DF

コントラスト比

1.68:1

Delta E

109.01

Very Different

50:50 ミックス

#BAB5B4

カラー値

フォーマット #9BDF85 #C985DF
HEX #9BDF85 #C985DF
RGB 155, 223, 133 201, 133, 223
HSL 105.3, 58.4%, 69.8% 285.3, 58.4%, 69.8%
HSV 105.3, 40.4%, 87.5% 285.3, 40.4%, 87.5%
CMYK 30.5%, 0.0%, 40.4%, 12.5% 9.9%, 40.4%, 0.0%, 12.5%
OKLCH 0.837 0.1386 138.3 0.7182 0.1453 317.6

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

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C985DF → 背景色: #9BDF85

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

テキスト: #9BDF85 → 背景色: #C985DF

色差 (Delta E)

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

グラデーション

#9BDF85 #A8D196 #B2C3A5 #BAB5B4 #C0A6C3 #C596D1 #C985DF

カラーミキシング

#9BDF85

100%

#ADCA9D

75:25

#BAB5B4

50:50

#C39ECA

25:75

#C985DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #9BDF85, #C985DF);
background: linear-gradient(135deg, #9BDF85, #C985DF);

各色を詳しく見る

#9BDF85

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

#C985DF

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

関連する比較