ColorTool
ログイン
#9AB973

#9ab973 Olivine

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

#9ab973 (Olivine)は黄緑系の色です（明度：中程度、彩度：中程度）。 RGBでは赤60.39%、緑72.55%、青45.1%で構成され、CMYK印刷ではシアン16.76%、マゼンタ0%、イエロー37.84%、ブラック27.45%を使います。 HSLでは色相角86.57°、彩度33.33%、明度58.82%です。 暖色と寒色の中間で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は9.56:1（WCAG AAA）です。

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

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

補色

  1. #9ab973
  2. #9273b9

分裂補色

  1. #9ab973
  2. #7377b9
  3. #b573b9

類似色

  1. #b9b573
  2. #9ab973
  3. #77b973

トライアド

  1. #9ab973
  2. #739ab9
  3. #b9739a

テトラード

  1. #9ab973
  2. #73b992
  3. #9273b9
  4. #b9739a

スクエア

  1. #9ab973
  2. #73b9b5
  3. #9273b9
  4. #b97377

モノクロマティック

  1. #4c6231
  2. #74954a
  3. #9ab973
  4. #bfd2a6
  5. #e4ecd9

シェード

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

  1. #9ab973
  2. #8ba768
  3. #7b945c
  4. #6c8251
  5. #5c6f45
  6. #4d5d3a
  7. #3e4a2e
  8. #2e3823
  9. #1f2517
  10. #0f130c
  11. #000000

ティント

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

  1. #9ab973
  2. #a4c081
  3. #aec78f
  4. #b8ce9d
  5. #c2d5ab
  6. #cddcb9
  7. #d7e3c7
  8. #e1ead5
  9. #ebf1e3
  10. #f5f8f1
  11. #ffffff

トーン

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

  1. #9ab973
  2. #97b374
  3. #95ae76
  4. #92a877
  5. #90a278
  6. #8d9d7a
  7. #8a977b
  8. #88917c
  9. #858b7d
  10. #83867f
  11. #808080

読みやすい文字 2.2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 9.56:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #afafaf 男性の約0.003%
不完全1色覚 #a7b39a 男性の約0.001%
1型2色覚（P型） #c0b06e 男性の約1.01%
2型2色覚（D型） #bbae77 男性の約1.27%
3型2色覚（T型） #9db3a8 男性の約0.0001%
1型3色覚（P型弱） #b2b470 男性の約1.08%
2型3色覚（D型弱） #afb375 男性の約4.63%
3型3色覚（T型弱） #9cb695 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-9ab973 {
  color: #9ab973;
}
背景色
.bg-9ab973 {
  background-color: #9ab973;
  color: #000000;
}
枠線
.border-9ab973 {
  border: 2px solid #9ab973;
}
CSS変数
:root {
  --color-primary: #9ab973;
  --color-primary-rgb: 154 185 115;
  --color-primary-hsl: 87 33% 59%;
}
グラデーション
.gradient-9ab973 {
  background: linear-gradient(135deg, #9ab973, #77b973);
}
色付きの影
.shadow-9ab973 {
  box-shadow: 0 8px 24px rgb(154 185 115 / 0.35);
}

#93c572 Pistachio ΔE 4.31 #87a96b Asparagus ΔE 5.07 #8fbc8f Dark Sea Green ΔE 7.25 #74c365 Mantis ΔE 7.78 #8a9a5b Moss Green ΔE 9.11 #bdb76b Dark Khaki ΔE 10.07 #65468c 反転色 #afafaf グレースケール 

Olivine
#9ab973  rgb(154, 185, 115)  hsl(87, 33%, 59%)  Olivine
#9273b9  rgb(146, 115, 185)  hsl(267, 33%, 59%)  Purple Mountain Majesty
#739ab9  rgb(115, 154, 185)  hsl(207, 33%, 59%)  Iceberg
#b9739a  rgb(185, 115, 154)  hsl(327, 33%, 59%)  Sky Magenta