#339599

#339599

#993733

#993733

コントラスト比

2.0:1

Delta E

78.07

Very Different

50:50 ミックス

#806B64

カラー値

フォーマット #339599 #993733
HEX #339599 #993733
RGB 51, 149, 153 153, 55, 51
HSL 182.4, 50.0%, 40.0% 2.4, 50.0%, 40.0%
HSV 182.4, 66.7%, 60.0% 2.4, 66.7%, 60.0%
CMYK 66.7%, 2.6%, 0.0%, 40.0% 0.0%, 64.1%, 66.7%, 40.0%
OKLCH 0.6157 0.0889 199.0 0.4758 0.1323 25.8

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

2.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #993733 → 背景色: #339599

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

テキスト: #339599 → 背景色: #993733

色差 (Delta E)

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

グラデーション

#339599 #5B8787 #717975 #806B64 #8B5C53 #934B43 #993733

カラーミキシング

#339599

100%

#67807E

75:25

#806B64

50:50

#8F534B

25:75

#993733

100%

CSSグラデーションコード

background: linear-gradient(to right, #339599, #993733);
background: linear-gradient(135deg, #339599, #993733);

各色を詳しく見る

#339599

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

#993733

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

関連する比較