#3F577C

#3F577C

#7C643F

#7C643F

コントラスト比

1.31:1

Delta E

48.88

Very Different

50:50 ミックス

#655D5E

カラー値

フォーマット #3F577C #7C643F
HEX #3F577C #7C643F
RGB 63, 87, 124 124, 100, 63
HSL 216.4, 32.6%, 36.7% 36.4, 32.6%, 36.7%
HSV 216.4, 49.2%, 48.6% 36.4, 49.2%, 48.6%
CMYK 49.2%, 29.8%, 0.0%, 51.4% 0.0%, 19.4%, 49.2%, 51.4%
OKLCH 0.4539 0.0677 258.8 0.5179 0.0611 77.6

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

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #7C643F → 背景色: #3F577C

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

テキスト: #3F577C → 背景色: #7C643F

色差 (Delta E)

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

グラデーション

#3F577C #4E5972 #5A5B68 #655D5E #6D5F54 #75624A #7C643F

カラーミキシング

#3F577C

100%

#555A6D

75:25

#655D5E

50:50

#71604F

25:75

#7C643F

100%

CSSグラデーションコード

background: linear-gradient(to right, #3F577C, #7C643F);
background: linear-gradient(135deg, #3F577C, #7C643F);

各色を詳しく見る

#3F577C

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

#7C643F

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

関連する比較