ColorTool
ログイン
#3E8C80

#3e8c80 ≈ Viridian

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

#3e8c80は青緑系の色です（明度：低い、彩度：中程度）。 RGBでは赤24.31%、緑54.9%、青50.2%で構成され、CMYK印刷ではシアン55.71%、マゼンタ0%、イエロー8.57%、ブラック45.1%を使います。 HSLでは色相角170.77°、彩度38.61%、明度39.61%です。 寒色で、透明感、落ち着き、再生を連想させることが多い色です。 デザインでは主に健康・ウェルネス、テクノロジー製品、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は5.27:1（WCAG AA）です。 最も近い色名はViridian（#40826d）で、ΔEは5.39です。

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

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

補色

  1. #3e8c80
  2. #8c3e4a

分裂補色

  1. #3e8c80
  2. #8c3e71
  3. #8c593e

類似色

  1. #3e8c59
  2. #3e8c80
  3. #3e718c

トライアド

  1. #3e8c80
  2. #803e8c
  3. #8c803e

テトラード

  1. #3e8c80
  2. #3e4a8c
  3. #8c3e4a
  4. #8c803e

スクエア

  1. #3e8c80
  2. #593e8c
  3. #8c3e4a
  4. #718c3e

モノクロマティック

  1. #0f221f
  2. #275750
  3. #3e8c80
  4. #5fb8aa
  5. #94cfc6

シェード

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

  1. #3e8c80
  2. #387e73
  3. #327066
  4. #2b625a
  5. #25544d
  6. #1f4640
  7. #193833
  8. #132a26
  9. #0c1c1a
  10. #060e0d
  11. #000000

ティント

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

  1. #3e8c80
  2. #51988d
  3. #65a399
  4. #78afa6
  5. #8bbab3
  6. #9fc6c0
  7. #b2d1cc
  8. #c5ddd9
  9. #d8e8e6
  10. #ecf4f2
  11. #ffffff

トーン

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

  1. #3e8c80
  2. #458b80
  3. #4b8a80
  4. #528880
  5. #588780
  6. #5f8680
  7. #668580
  8. #6c8480
  9. #738280
  10. #798180
  11. #808080

読みやすい文字 3.99:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.27:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #7f7f7f 男性の約0.003%
不完全1色覚 #6b8580 男性の約0.001%
1型2色覚（P型） #868580 男性の約1.01%
2型2色覚（D型） #7a7c81 男性の約1.27%
3型2色覚（T型） #068e88 男性の約0.0001%
1型3色覚（P型弱） #708880 男性の約1.08%
2型3色覚（D型弱） #678281 男性の約4.63%
3型3色覚（T型弱） #278d85 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-3e8c80 {
  color: #3e8c80;
}
背景色
.bg-3e8c80 {
  background-color: #3e8c80;
  color: #000000;
}
枠線
.border-3e8c80 {
  border: 2px solid #3e8c80;
}
CSS変数
:root {
  --color-primary: #3e8c80;
  --color-primary-rgb: 62 140 128;
  --color-primary-hsl: 171 39% 40%;
}
グラデーション
.gradient-3e8c80 {
  background: linear-gradient(135deg, #3e8c80, #3e718c);
}
色付きの影
.shadow-3e8c80 {
  box-shadow: 0 8px 24px rgb(62 140 128 / 0.35);
}

#40826d Viridian ΔE 5.39 #008b8b Dark Cyan ΔE 5.69 #008080 Teal ΔE 7.27 #317873 Myrtle Green ΔE 7.83 #01796f Pine Green ΔE 8.17 #00a693 Persian Green ΔE 8.97 #5f9ea0 Cadet Blue ΔE 9.70 #c1737f 反転色 #7f7f7f グレースケール 

Viridian
#3e8c80  rgb(62, 140, 128)  hsl(171, 39%, 40%)  Viridian
#8c3e4a  rgb(140, 62, 74)  hsl(351, 39%, 40%)  Cordovan
#803e8c  rgb(128, 62, 140)  hsl(291, 39%, 40%)  Deep Plum
#8c803e  rgb(140, 128, 62)  hsl(51, 39%, 40%)  Olive