#6AA755

#6AA755

#9255A7

#9255A7

コントラスト比

1.78:1

Delta E

103.93

Very Different

50:50 ミックス

#878181

カラー値

フォーマット #6AA755 #9255A7
HEX #6AA755 #9255A7
RGB 106, 167, 85 146, 85, 167
HSL 104.6, 32.5%, 49.4% 284.6, 32.5%, 49.4%
HSV 104.6, 49.1%, 65.5% 284.6, 49.1%, 65.5%
CMYK 36.5%, 0.0%, 49.1%, 34.5% 12.6%, 49.1%, 0.0%, 34.5%
OKLCH 0.6672 0.1307 138.2 0.5523 0.1383 316.9

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

1.78:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #9255A7 → 背景色: #6AA755

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

テキスト: #6AA755 → 背景色: #9255A7

色差 (Delta E)

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

グラデーション

#6AA755 #769B65 #7F8E73 #878181 #8C748E #90659A #9255A7

カラーミキシング

#6AA755

100%

#7B956C

75:25

#878181

50:50

#8E6C94

25:75

#9255A7

100%

CSSグラデーションコード

background: linear-gradient(to right, #6AA755, #9255A7);
background: linear-gradient(135deg, #6AA755, #9255A7);

各色を詳しく見る

#6AA755

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

#9255A7

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

関連する比較