ColorTool
ログイン
#838071

#838071 ≈ Battleship Gray

  • グレー
  • 明度: 中程度
  • 彩度: ほぼなし
  • 無彩色
コントラストを確認 グラフで探索 ランダムな色

#838071はグレー系の色です（明度：中程度、彩度：ほぼなし）。 RGBでは赤51.37%、緑50.2%、青44.31%で構成され、CMYK印刷ではシアン0%、マゼンタ2.29%、イエロー13.74%、ブラック48.63%を使います。 HSLでは色相角50°、彩度7.38%、明度47.84%です。 無彩色に近く、中立、バランス、プロフェッショナルを連想させることが多い色です。 デザインでは主に本文やタイポグラフィ、企業のブランディング、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は5.29:1（WCAG AA）です。 最も近い色名はBattleship Gray（#848482）で、ΔEは6.48です。

この色の測定値から自動生成した説明です。

HEX
RGB
RGB（%）
CMY
CMYK
HSL
HSV / HSB
Webセーフ#999966
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
2進数
10進数
相対輝度0.2146

補色

  1. #838071
  2. #717483

分裂補色

  1. #838071
  2. #717d83
  3. #777183

類似色

  1. #837771
  2. #838071
  3. #7d8371

トライアド

  1. #838071
  2. #718380
  3. #807183

テトラード

  1. #838071
  2. #748371
  3. #717483
  4. #807183

スクエア

  1. #838071
  2. #718377
  3. #717483
  4. #83717d

モノクロマティック

  1. #31302a
  2. #5a584e
  3. #838071
  4. #a7a599
  5. #cbc9c2

シェード

#838071に黒を段階的に混ぜた色です。

  1. #838071
  2. #767366
  3. #69665a
  4. #5c5a4f
  5. #4f4d44
  6. #424039
  7. #34332d
  8. #272622
  9. #1a1a17
  10. #0d0d0b
  11. #000000

ティント

#838071に白を段階的に混ぜた色です。

  1. #838071
  2. #8f8d7f
  3. #9c998d
  4. #a8a69c
  5. #b5b3aa
  6. #c1c0b8
  7. #cdccc6
  8. #dad9d4
  9. #e6e6e3
  10. #f3f2f1
  11. #ffffff

トーン

#838071にグレーを段階的に混ぜた色です。

  1. #838071
  2. #838073
  3. #828074
  4. #828076
  5. #828077
  6. #828079
  7. #81807a
  8. #81807c
  9. #81807d
  10. #80807f
  11. #808080

読みやすい文字 3.97:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.29:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #808080 男性の約0.003%
不完全1色覚 #81807a 男性の約0.001%
1型2色覚（P型） #837f70 男性の約1.01%
2型2色覚（D型） #848071 男性の約1.27%
3型2色覚（T型） #867e7c 男性の約0.0001%
1型3色覚（P型弱） #837f70 男性の約1.08%
2型3色覚（D型弱） #848071 男性の約4.63%
3型3色覚（T型弱） #857f78 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-838071 {
  color: #838071;
}
背景色
.bg-838071 {
  background-color: #838071;
  color: #000000;
}
枠線
.border-838071 {
  border: 2px solid #838071;
}
CSS変数
:root {
  --color-primary: #838071;
  --color-primary-rgb: 131 128 113;
  --color-primary-hsl: 50 7% 48%;
}
グラデーション
.gradient-838071 {
  background: linear-gradient(135deg, #838071, #7d8371);
}
色付きの影
.shadow-838071 {
  box-shadow: 0 8px 24px rgb(131 128 113 / 0.35);
}

#848482 Battleship Gray ΔE 6.48 #808080 Gray ΔE 7.42 #808080 Grey ΔE 7.42 #738678 Xanadu ΔE 9.62 #8b8589 Taupe Gray ΔE 11.39 #696969 Dim Gray ΔE 11.66 #696969 Dim Grey ΔE 11.66 #7c7f8e 反転色 #808080 グレースケール 

Battleship Gray
#838071  rgb(131, 128, 113)  hsl(50, 7%, 48%)  Battleship Gray
#717483  rgb(113, 116, 131)  hsl(230, 7%, 48%)  Slate Gray
#718380  rgb(113, 131, 128)  hsl(170, 7%, 48%)  Xanadu
#807183  rgb(128, 113, 131)  hsl(290, 7%, 48%)  Old Lavender