ColorTool
ログイン
#B5D950

#b5d950 ≈ June Bud

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

#b5d950は黄緑系の色です（明度：中程度、彩度：高め）。 RGBでは赤70.98%、緑85.1%、青31.37%で構成され、CMYK印刷ではシアン16.59%、マゼンタ0%、イエロー63.13%、ブラック14.9%を使います。 HSLでは色相角75.77°、彩度64.32%、明度58.24%です。 暖色と寒色の中間で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は13.01:1（WCAG AAA）です。 最も近い色名はJune Bud（#bdda57）で、ΔEは1.4です。

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

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

補色

  1. #b5d950
  2. #7450d9

分裂補色

  1. #b5d950
  2. #5071d9
  3. #b950d9

類似色

  1. #d9b950
  2. #b5d950
  3. #71d950

トライアド

  1. #b5d950
  2. #50b5d9
  3. #d950b5

テトラード

  1. #b5d950
  2. #50d974
  3. #7450d9
  4. #d950b5

スクエア

  1. #b5d950
  2. #50d9b9
  3. #7450d9
  4. #d95071

モノクロマティック

  1. #5e761a
  2. #90b527
  3. #b5d950
  4. #d0e78f
  5. #eaf4ce

シェード

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

  1. #b5d950
  2. #a3c348
  3. #91ae40
  4. #7f9838
  5. #6d8230
  6. #5b6d28
  7. #485720
  8. #364118
  9. #242b10
  10. #121608
  11. #000000

ティント

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

  1. #b5d950
  2. #bcdd62
  3. #c4e173
  4. #cbe485
  5. #d3e896
  6. #daeca8
  7. #e1f0b9
  8. #e9f4cb
  9. #f0f7dc
  10. #f8fbee
  11. #ffffff

トーン

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

  1. #b5d950
  2. #b0d055
  3. #aac75a
  4. #a5be5e
  5. #a0b563
  6. #9bad68
  7. #95a46d
  8. #909b72
  9. #8b9276
  10. #85897b
  11. #808080

読みやすい文字 1.61:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 13.01:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #cbcbcb 男性の約0.003%
不完全1色覚 #c3d1a8 男性の約0.001%
1型2色覚（P型） #e5cc3f 男性の約1.01%
2型2色覚（D型） #e0cb5a 男性の約1.27%
3型2色覚（T型） #becfbd 男性の約0.0001%
1型3色覚（P型弱） #d4d246 男性の約1.08%
2型3色覚（D型弱） #d0d156 男性の約4.63%
3型3色覚（T型弱） #bad39d 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-b5d950 {
  color: #b5d950;
}
背景色
.bg-b5d950 {
  background-color: #b5d950;
  color: #000000;
}
枠線
.border-b5d950 {
  border: 2px solid #b5d950;
}
CSS変数
:root {
  --color-primary: #b5d950;
  --color-primary-rgb: 181 217 80;
  --color-primary-hsl: 76 64% 58%;
}
グラデーション
.gradient-b5d950 {
  background: linear-gradient(135deg, #b5d950, #71d950);
}
色付きの影
.shadow-b5d950 {
  box-shadow: 0 8px 24px rgb(181 217 80 / 0.35);
}

#bdda57 June Bud ΔE 1.40 #9acd32 Yellow Green ΔE 4.45 #b2ec5d Inchworm ΔE 5.02 #d1e231 Pear ΔE 6.62 #adff2f Green Yellow ΔE 9.51 #a7fc00 Spring Bud ΔE 9.53 #8db600 Apple Green ΔE 9.70 #4a26af 反転色 #cbcbcb グレースケール 

June Bud
#b5d950  rgb(181, 217, 80)  hsl(76, 64%, 58%)  June Bud
#7450d9  rgb(116, 80, 217)  hsl(256, 64%, 58%)  Majorelle Blue
#50b5d9  rgb(80, 181, 217)  hsl(196, 64%, 58%)  Moonstone Blue
#d950b5  rgb(217, 80, 181)  hsl(316, 64%, 58%)  Shocking Pink