#613CBC

#613CBC

white

#FFFFFF

コントラスト比

7.29:1

Delta E

99.95

Very Different

50:50 ミックス

#B59BDF

カラー値

フォーマット #613CBC #FFFFFF
HEX #613CBC #FFFFFF
RGB 97, 60, 188 255, 255, 255
HSL 257.3, 51.6%, 48.6% 0.0, 0.0%, 100.0%
HSV 257.3, 68.1%, 73.7% 0.0, 0.0%, 100.0%
CMYK 48.4%, 68.1%, 0.0%, 26.3% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.475 0.1895 290.6 1.0 0.0 89.9

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

7.29:1
AA Pass AA Large Pass AAA Pass AAA Large Pass

テキスト読みやすさ

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

テキスト: #FFFFFF → 背景色: #613CBC

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

テキスト: #613CBC → 背景色: #FFFFFF

色差 (Delta E)

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

グラデーション

#613CBC #805BC8 #9B7BD3 #B59BDF #CEBBEA #E7DDF5 #FFFFFF

カラーミキシング

#613CBC

100%

#8E6BCE

75:25

#B59BDF

50:50

#DBCCEF

25:75

#FFFFFF

100%

CSSグラデーションコード

background: linear-gradient(to right, #613CBC, #FFFFFF);
background: linear-gradient(135deg, #613CBC, #FFFFFF);

各色を詳しく見る

#613CBC

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

white

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

関連する比較