ColorTool
ログイン
#9BC355

#9bc355 ≈ Yellow Green

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

#9bc355は黄緑系の色です（明度：中程度、彩度：中程度）。 RGBでは赤60.78%、緑76.47%、青33.33%で構成され、CMYK印刷ではシアン20.51%、マゼンタ0%、イエロー56.41%、ブラック23.53%を使います。 HSLでは色相角81.82°、彩度47.83%、明度54.9%です。 暖色と寒色の中間で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は10.33:1（WCAG AAA）です。 最も近い色名はYellow Green（#9acd32）で、ΔEは4.91です。

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

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

補色

  1. #9bc355
  2. #7d55c3

分裂補色

  1. #9bc355
  2. #5564c3
  3. #b455c3

類似色

  1. #c3b455
  2. #9bc355
  3. #64c355

トライアド

  1. #9bc355
  2. #559bc3
  3. #c3559b

テトラード

  1. #9bc355
  2. #55c37d
  3. #7d55c3
  4. #c3559b

スクエア

  1. #9bc355
  2. #55c3b4
  3. #7d55c3
  4. #c35564

モノクロマティック

  1. #485e21
  2. #739635
  3. #9bc355
  4. #bcd78e
  5. #deebc6

シェード

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

  1. #9bc355
  2. #8cb04d
  3. #7c9c44
  4. #6d893c
  5. #5d7533
  6. #4e622b
  7. #3e4e22
  8. #2f3b1a
  9. #1f2711
  10. #101409
  11. #000000

ティント

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

  1. #9bc355
  2. #a5c966
  3. #afcf77
  4. #b9d588
  5. #c3db99
  6. #cde1aa
  7. #d7e7bb
  8. #e1edcc
  9. #ebf3dd
  10. #f5f9ee
  11. #ffffff

トーン

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

  1. #9bc355
  2. #98bc59
  3. #96b65e
  4. #93af62
  5. #90a866
  6. #8ea26b
  7. #8b9b6f
  8. #889473
  9. #858d77
  10. #83877c
  11. #808080

読みやすい文字 2.03:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 10.33:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #b6b6b6 男性の約0.003%
不完全1色覚 #acbb99 男性の約0.001%
1型2色覚（P型） #ccb74a 男性の約1.01%
2型2色覚（D型） #c7b55c 男性の約1.27%
3型2色覚（T型） #a0bbab 男性の約0.0001%
1型3色覚（P型弱） #bbbc4e 男性の約1.08%
2型3色覚（D型弱） #b7bb59 男性の約4.63%
3型3色覚（T型弱） #9ebe90 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-9bc355 {
  color: #9bc355;
}
背景色
.bg-9bc355 {
  background-color: #9bc355;
  color: #000000;
}
枠線
.border-9bc355 {
  border: 2px solid #9bc355;
}
CSS変数
:root {
  --color-primary: #9bc355;
  --color-primary-rgb: 155 195 85;
  --color-primary-hsl: 82 48% 55%;
}
グラデーション
.gradient-9bc355 {
  background: linear-gradient(135deg, #9bc355, #64c355);
}
色付きの影
.shadow-9bc355 {
  box-shadow: 0 8px 24px rgb(155 195 85 / 0.35);
}

#9acd32 Yellow Green ΔE 4.91 #93c572 Pistachio ΔE 5.38 #9ab973 Olivine ΔE 6.56 #8db600 Apple Green ΔE 6.79 #bdda57 June Bud ΔE 7.30 #74c365 Mantis ΔE 7.72 #b2ec5d Inchworm ΔE 9.83 #643caa 反転色 #b6b6b6 グレースケール 

Yellow Green
#9bc355  rgb(155, 195, 85)  hsl(82, 48%, 55%)  Yellow Green
#7d55c3  rgb(125, 85, 195)  hsl(262, 48%, 55%)  Royal Purple
#559bc3  rgb(85, 155, 195)  hsl(202, 48%, 55%)  Carolina Blue
#c3559b  rgb(195, 85, 155)  hsl(322, 48%, 55%)  Mulberry