ColorTool
ログイン
#339D79

#339d79 ≈ Jungle Green

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

#339d79は青緑系の色です（明度：中程度、彩度：中程度）。 RGBでは赤20%、緑61.57%、青47.45%で構成され、CMYK印刷ではシアン67.52%、マゼンタ0%、イエロー22.93%、ブラック38.43%を使います。 HSLでは色相角159.62°、彩度50.96%、明度40.78%です。 暖色と寒色の中間で、透明感、落ち着き、再生を連想させることが多い色です。 デザインでは主に健康・ウェルネス、テクノロジー製品、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は6.24:1（WCAG AA）です。 最も近い色名はJungle Green（#29ab87）で、ΔEは4.39です。

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

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

補色

  1. #339d79
  2. #9d3357

分裂補色

  1. #339d79
  2. #9d338c
  3. #9d4433

類似色

  1. #339d44
  2. #339d79
  3. #338c9d

トライアド

  1. #339d79
  2. #79339d
  3. #9d7933

テトラード

  1. #339d79
  2. #33579d
  3. #9d3357
  4. #9d7933

スクエア

  1. #339d79
  2. #44339d
  3. #9d3357
  4. #8c9d33

モノクロマティック

  1. #0d2920
  2. #20634c
  3. #339d79
  4. #55c8a1
  5. #8fdac1

シェード

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

  1. #339d79
  2. #2e8d6d
  3. #297e61
  4. #246e55
  5. #1f5e49
  6. #1a4f3d
  7. #143f30
  8. #0f2f24
  9. #0a1f18
  10. #05100c
  11. #000000

ティント

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

  1. #339d79
  2. #47a786
  3. #5cb194
  4. #70baa1
  5. #85c4af
  6. #99cebc
  7. #add8c9
  8. #c2e2d7
  9. #d6ebe4
  10. #ebf5f2
  11. #ffffff

トーン

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

  1. #339d79
  2. #3b9a7a
  3. #42977a
  4. #4a947b
  5. #52917c
  6. #5a8f7d
  7. #618c7d
  8. #69897e
  9. #71867f
  10. #78837f
  11. #808080

読みやすい文字 3.37:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.24:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #8c8c8c 男性の約0.003%
不完全1色覚 #739385 男性の約0.001%
1型2色覚（P型） #999277 男性の約1.01%
2型2色覚（D型） #8b887b 男性の約1.27%
3型2色覚（T型） #009d93 男性の約0.0001%
1型3色覚（P型弱） #7d9778 男性の約1.08%
2型3色覚（D型弱） #72917a 男性の約4.63%
3型3色覚（T型弱） #079d89 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-339d79 {
  color: #339d79;
}
背景色
.bg-339d79 {
  background-color: #339d79;
  color: #000000;
}
枠線
.border-339d79 {
  border: 2px solid #339d79;
}
CSS変数
:root {
  --color-primary: #339d79;
  --color-primary-rgb: 51 157 121;
  --color-primary-hsl: 160 51% 41%;
}
グラデーション
.gradient-339d79 {
  background: linear-gradient(135deg, #339d79, #338c9d);
}
色付きの影
.shadow-339d79 {
  box-shadow: 0 8px 24px rgb(51 157 121 / 0.35);
}

#29ab87 Jungle Green ΔE 4.39 #009e60 Shamrock Green ΔE 6.37 #00a86b Jade ΔE 6.44 #3eb489 Mint ΔE 6.95 #00a693 Persian Green ΔE 6.96 #2e8b57 Sea Green ΔE 8.18 #3cb371 Medium Sea Green ΔE 9.10 #cc6286 反転色 #8c8c8c グレースケール 

Jungle Green
#339d79  rgb(51, 157, 121)  hsl(160, 51%, 41%)  Jungle Green
#9d3357  rgb(157, 51, 87)  hsl(340, 51%, 41%)  Jazzberry Jam
#79339d  rgb(121, 51, 157)  hsl(280, 51%, 41%)  Purple Heart
#9d7933  rgb(157, 121, 51)  hsl(40, 51%, 41%)  Golden Brown