ColorTool
ログイン
#70A281

#70a281 ≈ Dark Sea Green

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

#70a281は緑系の色です（明度：中程度、彩度：低め）。 RGBでは赤43.92%、緑63.53%、青50.59%で構成され、CMYK印刷ではシアン30.86%、マゼンタ0%、イエロー20.37%、ブラック36.47%を使います。 HSLでは色相角140.4°、彩度21.19%、明度53.73%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は7.17:1（WCAG AAA）です。 最も近い色名はDark Sea Green（#8fbc8f）で、ΔEは8.52です。

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

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

補色

  1. #70a281
  2. #a27091

分裂補色

  1. #70a281
  2. #9a70a2
  3. #a27078

類似色

  1. #78a270
  2. #70a281
  3. #70a29a

トライアド

  1. #70a281
  2. #8170a2
  3. #a28170

テトラード

  1. #70a281
  2. #7091a2
  3. #a27091
  4. #a28170

スクエア

  1. #70a281
  2. #7078a2
  3. #a27091
  4. #a29a70

モノクロマティック

  1. #304938
  2. #4e785c
  3. #70a281
  4. #9ec0aa
  5. #cdded3

シェード

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

  1. #70a281
  2. #659274
  3. #5a8267
  4. #4e715a
  5. #43614d
  6. #385141
  7. #2d4134
  8. #223127
  9. #16201a
  10. #0b100d
  11. #000000

ティント

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

  1. #70a281
  2. #7eab8e
  3. #8db59a
  4. #9bbea7
  5. #a9c7b3
  6. #b8d1c0
  7. #c6dacd
  8. #d4e3d9
  9. #e2ece6
  10. #f1f6f2
  11. #ffffff

トーン

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

  1. #70a281
  2. #729f81
  3. #739b81
  4. #759881
  5. #769481
  6. #789181
  7. #7a8e80
  8. #7b8a80
  9. #7d8780
  10. #7e8380
  11. #808080

読みやすい文字 2.93:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 7.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #979797 男性の約0.003%
不完全1色覚 #899b8f 男性の約0.001%
1型2色覚（P型） #a29a7f 男性の約1.01%
2型2色覚（D型） #999583 男性の約1.27%
3型2色覚（T型） #67a199 男性の約0.0001%
1型3色覚（P型弱） #909d80 男性の約1.08%
2型3色覚（D型弱） #8b9a82 男性の約4.63%
3型3色覚（T型弱） #6ba190 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-70a281 {
  color: #70a281;
}
背景色
.bg-70a281 {
  background-color: #70a281;
  color: #000000;
}
枠線
.border-70a281 {
  border: 2px solid #70a281;
}
CSS変数
:root {
  --color-primary: #70a281;
  --color-primary-rgb: 112 162 129;
  --color-primary-hsl: 140 21% 54%;
}
グラデーション
.gradient-70a281 {
  background: linear-gradient(135deg, #70a281, #70a29a);
}
色付きの影
.shadow-70a281 {
  box-shadow: 0 8px 24px rgb(112 162 129 / 0.35);
}

#8fbc8f Dark Sea Green ΔE 8.52 #3eb489 Mint ΔE 8.58 #29ab87 Jungle Green ΔE 8.64 #87a96b Asparagus ΔE 9.23 #3cb371 Medium Sea Green ΔE 10.04 #00a86b Jade ΔE 10.41 #009e60 Shamrock Green ΔE 10.99 #8f5d7e 反転色 #979797 グレースケール 

Dark Sea Green
#70a281  rgb(112, 162, 129)  hsl(140, 21%, 54%)  Dark Sea Green
#a27091  rgb(162, 112, 145)  hsl(320, 21%, 54%)  Mountbatten Pink
#8170a2  rgb(129, 112, 162)  hsl(260, 21%, 54%)  Purple Mountain Majesty
#a28170  rgb(162, 129, 112)  hsl(20, 21%, 54%)  Beaver