#9CDA84

#9CDA84

#C284DA

#C284DA

コントラスト比

1.68:1

Delta E

103.89

Very Different

50:50 ミックス

#B6B1B1

カラー値

フォーマット #9CDA84 #C284DA
HEX #9CDA84 #C284DA
RGB 156, 218, 132 194, 132, 218
HSL 103.3, 53.7%, 68.6% 283.3, 53.7%, 68.6%
HSV 103.3, 39.4%, 85.5% 283.3, 39.4%, 85.5%
CMYK 28.4%, 0.0%, 39.4%, 14.5% 11.0%, 39.4%, 0.0%, 14.5%
OKLCH 0.8258 0.1316 137.4 0.7069 0.138 316.2

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

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

テキスト読みやすさ

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

テキスト: #C284DA → 背景色: #9CDA84

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

テキスト: #9CDA84 → 背景色: #C284DA

色差 (Delta E)

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

グラデーション

#9CDA84 #A7CD94 #AFBFA3 #B6B1B1 #BBA3BF #BF94CD #C284DA

カラーミキシング

#9CDA84

100%

#ABC69B

75:25

#B6B1B1

50:50

#BE9CC6

25:75

#C284DA

100%

CSSグラデーションコード

background: linear-gradient(to right, #9CDA84, #C284DA);
background: linear-gradient(135deg, #9CDA84, #C284DA);

各色を詳しく見る

#9CDA84

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

#C284DA

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

関連する比較