#9BDF76

#9BDF76

#BA76DF

#BA76DF

コントラスト比

1.96:1

Delta E

124.0

Very Different

50:50 ミックス

#B4ADAE

カラー値

フォーマット #9BDF76 #BA76DF
HEX #9BDF76 #BA76DF
RGB 155, 223, 118 186, 118, 223
HSL 98.9, 62.1%, 66.9% 278.9, 62.1%, 66.9%
HSV 98.9, 47.1%, 87.5% 278.9, 47.1%, 87.5%
CMYK 30.5%, 0.0%, 47.1%, 12.5% 16.6%, 47.1%, 0.0%, 12.5%
OKLCH 0.8346 0.1536 135.5 0.6783 0.1636 312.6

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

1.96:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BA76DF → 背景色: #9BDF76

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

テキスト: #9BDF76 → 背景色: #BA76DF

色差 (Delta E)

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

グラデーション

#9BDF76 #A6CF8A #AFBE9D #B4ADAE #B89CBF #BA8ACF #BA76DF

カラーミキシング

#9BDF76

100%

#ABC793

75:25

#B4ADAE

50:50

#B993C7

25:75

#BA76DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #9BDF76, #BA76DF);
background: linear-gradient(135deg, #9BDF76, #BA76DF);

各色を詳しく見る

#9BDF76

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

#BA76DF

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

関連する比較