ColorTool
ログイン
#3E634C

#3e634c ≈ Hunter Green

  • 緑
  • 明度: 低い
  • 彩度: 低め
  • 中間色
コントラストを確認 グラフで探索 ランダムな色

#3e634cは緑系の色です（明度：低い、彩度：低め）。 RGBでは赤24.31%、緑38.82%、青29.8%で構成され、CMYK印刷ではシアン37.37%、マゼンタ0%、イエロー23.23%、ブラック61.18%を使います。 HSLでは色相角142.7°、彩度22.98%、明度31.57%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は6.79:1（WCAG AA）です。 最も近い色名はHunter Green（#355e3b）で、ΔEは4.63です。

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

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

補色

  1. #3e634c
  2. #633e55

分裂補色

  1. #3e634c
  2. #5f3e63
  3. #633e43

類似色

  1. #43633e
  2. #3e634c
  3. #3e635f

トライアド

  1. #3e634c
  2. #4c3e63
  3. #634c3e

テトラード

  1. #3e634c
  2. #3e5563
  3. #633e55
  4. #634c3e

スクエア

  1. #3e634c
  2. #3e4363
  3. #633e55
  4. #635f3e

モノクロマティック

  1. #080d0a
  2. #213428
  3. #3e634c
  4. #5b9270
  5. #86b498

シェード

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

  1. #3e634c
  2. #385944
  3. #324f3d
  4. #2b4535
  5. #253b2e
  6. #1f3226
  7. #19281e
  8. #131e17
  9. #0c140f
  10. #060a08
  11. #000000

ティント

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

  1. #3e634c
  2. #51735e
  3. #658270
  4. #789282
  5. #8ba194
  6. #9fb1a6
  7. #b2c1b7
  8. #c5d0c9
  9. #d8e0db
  10. #ecefed
  11. #ffffff

トーン

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

  1. #3e634c
  2. #456651
  3. #4b6956
  4. #526c5c
  5. #586f61
  6. #5f7266
  7. #66746b
  8. #6c7770
  9. #737a76
  10. #797d7b
  11. #808080

読みやすい文字 6.79:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.09:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #5b5b5b 男性の約0.003%
不完全1色覚 #515e55 男性の約0.001%
1型2色覚（P型） #635e4b 男性の約1.01%
2型2色覚（D型） #5d594d 男性の約1.27%
3型2色覚（T型） #37625d 男性の約0.0001%
1型3色覚（P型弱） #56604b 男性の約1.08%
2型3色覚（D型弱） #525d4d 男性の約4.63%
3型3色覚（T型弱） #3a6356 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-3e634c {
  color: #3e634c;
}
背景色
.bg-3e634c {
  background-color: #3e634c;
  color: #ffffff;
}
枠線
.border-3e634c {
  border: 2px solid #3e634c;
}
CSS変数
:root {
  --color-primary: #3e634c;
  --color-primary-rgb: 62 99 76;
  --color-primary-hsl: 143 23% 32%;
}
グラデーション
.gradient-3e634c {
  background: linear-gradient(135deg, #3e634c, #3e635f);
}
色付きの影
.shadow-3e634c {
  box-shadow: 0 8px 24px rgb(62 99 76 / 0.35);
}

#355e3b Hunter Green ΔE 4.63 #4d5d53 Feldgrau ΔE 8.21 #006b3c Cadmium Green ΔE 9.22 #00755e Tropical Rain Forest ΔE 9.43 #444c38 Rifle Green ΔE 11.19 #4f7942 Fern Green ΔE 11.44 #40826d Viridian ΔE 11.62 #c19cb3 反転色 #5b5b5b グレースケール 

Hunter Green
#3e634c  rgb(62, 99, 76)  hsl(143, 23%, 32%)  Hunter Green
#633e55  rgb(99, 62, 85)  hsl(323, 23%, 32%)  Eggplant
#4c3e63  rgb(76, 62, 99)  hsl(263, 23%, 32%)  Dark Slate Blue
#634c3e  rgb(99, 76, 62)  hsl(23, 23%, 32%)  Umber