black

#000000

#BA4DA8

#BA4DA8

コントラスト比

4.71:1

Delta E

79.56

Very Different

50:50 ミックス

#5A2B51

カラー値

フォーマット #000000 #BA4DA8
HEX #000000 #BA4DA8
RGB 0, 0, 0 186, 77, 168
HSL 0.0, 0.0%, 0.0% 309.9, 44.1%, 51.6%
HSV 0.0, 0.0%, 0.0% 309.9, 58.6%, 72.9%
CMYK 0%, 0%, 0%, 100% 0.0%, 58.6%, 9.7%, 27.1%
OKLCH 0.0 0.0 0.0 0.5934 0.1766 334.5

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

4.71:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

テキスト読みやすさ

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

テキスト: #BA4DA8 → 背景色: #000000

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

テキスト: #000000 → 背景色: #BA4DA8

色差 (Delta E)

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

グラデーション

#000000 #21141F #3D1F37 #5A2B51 #78366D #99418A #BA4DA8

カラーミキシング

#000000

100%

#2F1A2A

75:25

#5A2B51

50:50

#883C7B

25:75

#BA4DA8

100%

CSSグラデーションコード

background: linear-gradient(to right, #000000, #BA4DA8);
background: linear-gradient(135deg, #000000, #BA4DA8);

各色を詳しく見る

black

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

#BA4DA8

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

関連する比較