#3F7F7F

#3F7F7F

#7F3F3F

#7F3F3F

コントラスト比

1.7:1

Delta E

53.59

Very Different

50:50 ミックス

#6B615E

カラー値

フォーマット #3F7F7F #7F3F3F
HEX #3F7F7F #7F3F3F
RGB 63, 127, 127 127, 63, 63
HSL 180.0, 33.7%, 37.3% 0.0, 33.7%, 37.3%
HSV 180.0, 50.4%, 49.8% 0.0, 50.4%, 49.8%
CMYK 50.4%, 0.0%, 0.0%, 50.2% 0.0%, 50.4%, 50.4%, 50.2%
OKLCH 0.5545 0.0657 195.4 0.449 0.0887 21.2

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

1.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #7F3F3F → 背景色: #3F7F7F

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

テキスト: #3F7F7F → 背景色: #7F3F3F

色差 (Delta E)

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

グラデーション

#3F7F7F #537574 #616B69 #6B615E #745653 #7A4B49 #7F3F3F

カラーミキシング

#3F7F7F

100%

#5B706E

75:25

#6B615E

50:50

#77514E

25:75

#7F3F3F

100%

CSSグラデーションコード

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

各色を詳しく見る

#3F7F7F

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

#7F3F3F

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

関連する比較