ColorTool
ログイン
#91BD60

#91bd60 ≈ Pistachio

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

#91bd60は黄緑系の色です（明度：中程度、彩度：中程度）。 RGBでは赤56.86%、緑74.12%、青37.65%で構成され、CMYK印刷ではシアン23.28%、マゼンタ0%、イエロー49.21%、ブラック25.88%を使います。 HSLでは色相角88.39°、彩度41.33%、明度55.88%です。 暖色と寒色の中間で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は9.65:1（WCAG AAA）です。 最も近い色名はPistachio（#93c572）で、ΔEは3.17です。

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

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

補色

  1. #91bd60
  2. #8c60bd

分裂補色

  1. #91bd60
  2. #6062bd
  3. #ba60bd

類似色

  1. #bdba60
  2. #91bd60
  3. #62bd60

トライアド

  1. #91bd60
  2. #6091bd
  3. #bd6091

テトラード

  1. #91bd60
  2. #60bd8c
  3. #8c60bd
  4. #bd6091

スクエア

  1. #91bd60
  2. #60bdba
  3. #8c60bd
  4. #bd6062

モノクロマティック

  1. #435d27
  2. #6b933d
  3. #91bd60
  4. #b6d396
  5. #dceacc

シェード

#91bd60に黒を段階的に混ぜた色です。

  1. #91bd60
  2. #83aa56
  3. #74974d
  4. #668443
  5. #57713a
  6. #495f30
  7. #3a4c26
  8. #2c391d
  9. #1d2613
  10. #0f130a
  11. #000000

ティント

#91bd60に白を段階的に混ぜた色です。

  1. #91bd60
  2. #9cc470
  3. #a7ca80
  4. #b2d190
  5. #bdd7a0
  6. #c8deb0
  7. #d3e5bf
  8. #deebcf
  9. #e9f2df
  10. #f4f8ef
  11. #ffffff

トーン

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

  1. #91bd60
  2. #8fb763
  3. #8eb166
  4. #8cab6a
  5. #8aa56d
  6. #899f70
  7. #879873
  8. #859276
  9. #838c7a
  10. #82867d
  11. #808080

読みやすい文字 2.18:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 9.65:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #b0b0b0 男性の約0.003%
不完全1色覚 #a4b596 男性の約0.001%
1型2色覚（P型） #c4b258 男性の約1.01%
2型2色覚（D型） #beaf66 男性の約1.27%
3型2色覚（T型） #94b6a7 男性の約0.0001%
1型3色覚（P型弱） #b2b65b 男性の約1.08%
2型3色覚（D型弱） #aeb563 男性の約4.63%
3型3色覚（T型弱） #93b990 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-91bd60 {
  color: #91bd60;
}
背景色
.bg-91bd60 {
  background-color: #91bd60;
  color: #000000;
}
枠線
.border-91bd60 {
  border: 2px solid #91bd60;
}
CSS変数
:root {
  --color-primary: #91bd60;
  --color-primary-rgb: 145 189 96;
  --color-primary-hsl: 88 41% 56%;
}
グラデーション
.gradient-91bd60 {
  background: linear-gradient(135deg, #91bd60, #62bd60);
}
色付きの影
.shadow-91bd60 {
  box-shadow: 0 8px 24px rgb(145 189 96 / 0.35);
}

#93c572 Pistachio ΔE 3.17 #9ab973 Olivine ΔE 4.12 #74c365 Mantis ΔE 5.50 #87a96b Asparagus ΔE 7.28 #9acd32 Yellow Green ΔE 7.96 #8db600 Apple Green ΔE 8.69 #4cbb17 Kelly Green ΔE 9.53 #6e429f 反転色 #b0b0b0 グレースケール 

Pistachio
#91bd60  rgb(145, 189, 96)  hsl(88, 41%, 56%)  Pistachio
#8c60bd  rgb(140, 96, 189)  hsl(268, 41%, 56%)  Amethyst
#6091bd  rgb(96, 145, 189)  hsl(208, 41%, 56%)  Air Force Blue
#bd6091  rgb(189, 96, 145)  hsl(328, 41%, 56%)  Mulberry