#32223F

#32223F

white

#FFFFFF

コントラスト比

14.62:1

Delta E

86.26

Very Different

50:50 ミックス

#93889A

カラー値

フォーマット #32223F #FFFFFF
HEX #32223F #FFFFFF
RGB 50, 34, 63 255, 255, 255
HSL 273.1, 29.9%, 19.0% 0.0, 0.0%, 100.0%
HSV 273.1, 46.0%, 24.7% 0.0, 0.0%, 100.0%
CMYK 20.6%, 46.0%, 0.0%, 75.3% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.2852 0.0555 308.6 1.0 0.0 89.9

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

14.62:1
AA Pass AA Large Pass AAA Pass AAA Large Pass

テキスト読みやすさ

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

テキスト: #FFFFFF → 背景色: #32223F

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

テキスト: #32223F → 背景色: #FFFFFF

色差 (Delta E)

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

グラデーション

#32223F #51425C #71647A #93889A #B6AEBA #DAD6DC #FFFFFF

カラーミキシング

#32223F

100%

#61536B

75:25

#93889A

50:50

#C8C2CB

25:75

#FFFFFF

100%

CSSグラデーションコード

background: linear-gradient(to right, #32223F, #FFFFFF);
background: linear-gradient(135deg, #32223F, #FFFFFF);

各色を詳しく見る

#32223F

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

white

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

関連する比較