#9AC796

#9AC796

#C396C7

#C396C7

コントラスト比

1.29:1

Delta E

63.35

Very Different

50:50 ミックス

#B1B0AF

カラー値

フォーマット #9AC796 #C396C7
HEX #9AC796 #C396C7
RGB 154, 199, 150 195, 150, 199
HSL 115.1, 30.4%, 68.4% 295.1, 30.4%, 68.4%
HSV 115.1, 24.6%, 78.0% 295.1, 24.6%, 78.0%
CMYK 22.6%, 0.0%, 24.6%, 22.0% 2.0%, 24.6%, 0.0%, 22.0%
OKLCH 0.7846 0.0833 142.7 0.7313 0.0855 323.7

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

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C396C7 → 背景色: #9AC796

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

テキスト: #9AC796 → 背景色: #C396C7

色差 (Delta E)

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

グラデーション

#9AC796 #A3BF9F #AAB8A7 #B1B0AF #B8A7B7 #BE9FBF #C396C7

カラーミキシング

#9AC796

100%

#A7BCA3

75:25

#B1B0AF

50:50

#BBA3BB

25:75

#C396C7

100%

CSSグラデーションコード

background: linear-gradient(to right, #9AC796, #C396C7);
background: linear-gradient(135deg, #9AC796, #C396C7);

各色を詳しく見る

#9AC796

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

#C396C7

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

関連する比較