#3D9DAB

#3D9DAB

#AB4B3D

#AB4B3D

コントラスト比

1.74:1

Delta E

76.98

Very Different

50:50 ミックス

#8D7872

カラー値

フォーマット #3D9DAB #AB4B3D
HEX #3D9DAB #AB4B3D
RGB 61, 157, 171 171, 75, 61
HSL 187.6, 47.4%, 45.5% 7.6, 47.4%, 45.5%
HSV 187.6, 64.3%, 67.1% 7.6, 64.3%, 67.1%
CMYK 64.3%, 8.2%, 0.0%, 32.9% 0.0%, 56.1%, 64.3%, 32.9%
OKLCH 0.6455 0.0906 208.6 0.5342 0.1293 30.3

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

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AB4B3D → 背景色: #3D9DAB

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

テキスト: #3D9DAB → 背景色: #AB4B3D

色差 (Delta E)

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

グラデーション

#3D9DAB #659198 #7D8485 #8D7872 #9A6A60 #A35B4E #AB4B3D

カラーミキシング

#3D9DAB

100%

#728B8E

75:25

#8D7872

50:50

#9F6357

25:75

#AB4B3D

100%

CSSグラデーションコード

background: linear-gradient(to right, #3D9DAB, #AB4B3D);
background: linear-gradient(135deg, #3D9DAB, #AB4B3D);

各色を詳しく見る

#3D9DAB

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

#AB4B3D

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

関連する比較