#112B43

#112B43

white

#FFFFFF

コントラスト比

14.48:1

Delta E

85.18

Very Different

50:50 ミックス

#838D9C

カラー値

フォーマット #112B43 #FFFFFF
HEX #112B43 #FFFFFF
RGB 17, 43, 67 255, 255, 255
HSL 208.8, 59.5%, 16.5% 0.0, 0.0%, 100.0%
HSV 208.8, 74.6%, 26.3% 0.0, 0.0%, 100.0%
CMYK 74.6%, 35.8%, 0.0%, 73.7% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.2817 0.0548 248.7 1.0 0.0 89.9

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

14.48:1
AA Pass AA Large Pass AAA Pass AAA Large Pass

テキスト読みやすさ

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

テキスト: #FFFFFF → 背景色: #112B43

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

テキスト: #112B43 → 背景色: #FFFFFF

色差 (Delta E)

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

グラデーション

#112B43 #38495F #5D6A7D #838D9C #ABB2BC #D4D8DD #FFFFFF

カラーミキシング

#112B43

100%

#4A5A6E

75:25

#838D9C

50:50

#C0C5CC

25:75

#FFFFFF

100%

CSSグラデーションコード

background: linear-gradient(to right, #112B43, #FFFFFF);
background: linear-gradient(135deg, #112B43, #FFFFFF);

各色を詳しく見る

#112B43

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

white

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

関連する比較