#2C674F

#2C674F

#672C44

#672C44

コントラスト比

1.56:1

Delta E

57.16

Very Different

50:50 ミックス

#534D4A

カラー値

フォーマット #2C674F #672C44
HEX #2C674F #672C44
RGB 44, 103, 79 103, 44, 68
HSL 155.6, 40.1%, 28.8% 335.6, 40.1%, 28.8%
HSV 155.6, 57.3%, 40.4% 335.6, 57.3%, 40.4%
CMYK 57.3%, 0.0%, 23.3%, 59.6% 0.0%, 57.3%, 34.0%, 59.6%
OKLCH 0.4671 0.0737 164.2 0.3826 0.0894 356.6

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

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #672C44 → 背景色: #2C674F

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

テキスト: #2C674F → 背景色: #672C44

色差 (Delta E)

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

グラデーション

#2C674F #3D5F4D #49564B #534D4A #5B4348 #613846 #672C44

カラーミキシング

#2C674F

100%

#445A4C

75:25

#534D4A

50:50

#5E3E47

25:75

#672C44

100%

CSSグラデーションコード

background: linear-gradient(to right, #2C674F, #672C44);
background: linear-gradient(135deg, #2C674F, #672C44);

各色を詳しく見る

#2C674F

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

#672C44

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

関連する比較