#554FA3

#554FA3

#9DA34F

#9DA34F

コントラスト比

2.57:1

Delta E

99.52

Very Different

50:50 ミックス

#83787D

カラー値

フォーマット #554FA3 #9DA34F
HEX #554FA3 #9DA34F
RGB 85, 79, 163 157, 163, 79
HSL 244.3, 34.7%, 47.5% 64.3, 34.7%, 47.5%
HSV 244.3, 51.5%, 63.9% 64.3, 51.5%, 63.9%
CMYK 47.9%, 51.5%, 0.0%, 36.1% 3.7%, 0.0%, 51.5%, 36.1%
OKLCH 0.4768 0.1312 283.5 0.6925 0.1084 112.6

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

2.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #9DA34F → 背景色: #554FA3

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

テキスト: #554FA3 → 背景色: #9DA34F

色差 (Delta E)

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

グラデーション

#554FA3 #685C97 #776A8A #83787D #8D866F #969460 #9DA34F

カラーミキシング

#554FA3

100%

#706390

75:25

#83787D

50:50

#928D68

25:75

#9DA34F

100%

CSSグラデーションコード

background: linear-gradient(to right, #554FA3, #9DA34F);
background: linear-gradient(135deg, #554FA3, #9DA34F);

各色を詳しく見る

#554FA3

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

#9DA34F

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

関連する比較