#2F5259

#2F5259

#59362F

#59362F

コントラスト比

1.24:1

Delta E

32.2

Very Different

50:50 ミックス

#4A4544

カラー値

フォーマット #2F5259 #59362F
HEX #2F5259 #59362F
RGB 47, 82, 89 89, 54, 47
HSL 190.0, 30.9%, 26.7% 10.0, 30.9%, 26.7%
HSV 190.0, 47.2%, 34.9% 10.0, 47.2%, 34.9%
CMYK 47.2%, 7.9%, 0.0%, 65.1% 0.0%, 39.3%, 47.2%, 65.1%
OKLCH 0.415 0.0421 211.8 0.3732 0.0522 31.9

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

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #59362F → 背景色: #2F5259

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

テキスト: #2F5259 → 背景色: #59362F

色差 (Delta E)

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

グラデーション

#2F5259 #3A4E52 #43494B #4A4544 #50403D #553B36 #59362F

カラーミキシング

#2F5259

100%

#3F4B4E

75:25

#4A4544

50:50

#523E39

25:75

#59362F

100%

CSSグラデーションコード

background: linear-gradient(to right, #2F5259, #59362F);
background: linear-gradient(135deg, #2F5259, #59362F);

各色を詳しく見る

#2F5259

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

#59362F

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

関連する比較