ColorTool
ログイン
#899342

#899342 ≈ Moss Green

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

#899342は黄緑系の色です（明度：中程度、彩度：中程度）。 RGBでは赤53.73%、緑57.65%、青25.88%で構成され、CMYK印刷ではシアン6.8%、マゼンタ0%、イエロー55.1%、ブラック42.35%を使います。 HSLでは色相角67.41°、彩度38.03%、明度41.76%です。 暖色で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は6.32:1（WCAG AA）です。 最も近い色名はMoss Green（#8a9a5b）で、ΔEは4.78です。

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

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

補色

  1. #899342
  2. #4c4293

分裂補色

  1. #899342
  2. #426093
  3. #744293

類似色

  1. #937442
  2. #899342
  3. #609342

トライアド

  1. #899342
  2. #428993
  3. #934289

テトラード

  1. #899342
  2. #42934c
  3. #4c4293
  4. #934289

スクエア

  1. #899342
  2. #429374
  3. #4c4293
  4. #934260

モノクロマティック

  1. #272913
  2. #585e2a
  3. #899342
  4. #b0bb67
  5. #ccd29c

シェード

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

  1. #899342
  2. #7b843b
  3. #6e7635
  4. #60672e
  5. #525828
  6. #454a21
  7. #373b1a
  8. #292c14
  9. #1b1d0d
  10. #0e0f07
  11. #000000

ティント

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

  1. #899342
  2. #959e55
  3. #a1a968
  4. #acb37b
  5. #b8be8e
  6. #c4c9a1
  7. #d0d4b3
  8. #dcdfc6
  9. #e7e9d9
  10. #f3f4ec
  11. #ffffff

トーン

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

  1. #899342
  2. #889148
  3. #878f4e
  4. #868d55
  5. #858b5b
  6. #858a61
  7. #848867
  8. #83866d
  9. #828474
  10. #81827a
  11. #808080

読みやすい文字 3.32:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.32:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #8d8d8d 男性の約0.003%
不完全1色覚 #8b8f76 男性の約0.001%
1型2色覚（P型） #9c8c3a 男性の約1.01%
2型2色覚（D型） #9c8e47 男性の約1.27%
3型2色覚（T型） #918b81 男性の約0.0001%
1型3色覚（P型弱） #958f3d 男性の約1.08%
2型3色覚（D型弱） #959045 男性の約4.63%
3型3色覚（T型弱） #8e8f6d 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-899342 {
  color: #899342;
}
背景色
.bg-899342 {
  background-color: #899342;
  color: #000000;
}
枠線
.border-899342 {
  border: 2px solid #899342;
}
CSS変数
:root {
  --color-primary: #899342;
  --color-primary-rgb: 137 147 66;
  --color-primary-hsl: 67 38% 42%;
}
グラデーション
.gradient-899342 {
  background: linear-gradient(135deg, #899342, #609342);
}
色付きの影
.shadow-899342 {
  box-shadow: 0 8px 24px rgb(137 147 66 / 0.35);
}

#8a9a5b Moss Green ΔE 4.78 #6b8e23 Olive Drab ΔE 6.93 #808000 Olive ΔE 8.82 #87a96b Asparagus ΔE 9.97 #b5a642 Brass ΔE 10.91 #568203 Avocado ΔE 11.57 #9ab973 Olivine ΔE 12.37 #766cbd 反転色 #8d8d8d グレースケール 

Moss Green
#899342  rgb(137, 147, 66)  hsl(67, 38%, 42%)  Moss Green
#4c4293  rgb(76, 66, 147)  hsl(247, 38%, 42%)  Dark Slate Blue
#428993  rgb(66, 137, 147)  hsl(187, 38%, 42%)  Dark Cyan
#934289  rgb(147, 66, 137)  hsl(307, 38%, 42%)  Deep Plum