#2312BA

#2312BA

white

#FFFFFF

コントラスト比

11.25:1

Delta E

124.89

Very Different

50:50 ミックス

#A588DF

カラー値

フォーマット #2312BA #FFFFFF
HEX #2312BA #FFFFFF
RGB 35, 18, 186 255, 255, 255
HSL 246.1, 82.4%, 40.0% 0.0, 0.0%, 100.0%
HSV 246.1, 90.3%, 72.9% 0.0, 0.0%, 100.0%
CMYK 81.2%, 90.3%, 0.0%, 27.1% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.3778 0.2331 270.6 1.0 0.0 89.9

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

11.25:1
AA Pass AA Large Pass AAA Pass AAA Large Pass

テキスト読みやすさ

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

テキスト: #FFFFFF → 背景色: #2312BA

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

テキスト: #2312BA → 背景色: #FFFFFF

色差 (Delta E)

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

グラデーション

#2312BA #5D3CC7 #8462D3 #A588DF #C5AEEA #E2D6F5 #FFFFFF

カラーミキシング

#2312BA

100%

#724FCD

75:25

#A588DF

50:50

#D4C2EF

25:75

#FFFFFF

100%

CSSグラデーションコード

background: linear-gradient(to right, #2312BA, #FFFFFF);
background: linear-gradient(135deg, #2312BA, #FFFFFF);

各色を詳しく見る

#2312BA

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

white

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

関連する比較