ColorTool
ログイン
#42AF55

#42af55 ≈ Medium Sea Green

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

#42af55は緑系の色です（明度：中程度、彩度：中程度）。 RGBでは赤25.88%、緑68.63%、青33.33%で構成され、CMYK印刷ではシアン62.29%、マゼンタ0%、イエロー51.43%、ブラック31.37%を使います。 HSLでは色相角130.46°、彩度45.23%、明度47.25%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は7.49:1（WCAG AAA）です。 最も近い色名はMedium Sea Green（#3cb371）で、ΔEは5.12です。

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

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

補色

  1. #42af55
  2. #af429c

分裂補色

  1. #42af55
  2. #8b42af
  3. #af4265

類似色

  1. #65af42
  2. #42af55
  3. #42af8b

トライアド

  1. #42af55
  2. #5542af
  3. #af5542

テトラード

  1. #42af55
  2. #429caf
  3. #af429c
  4. #af5542

スクエア

  1. #42af55
  2. #4265af
  3. #af429c
  4. #af8b42

モノクロマティック

  1. #18401f
  2. #2d773a
  3. #42af55
  4. #73ca82
  5. #abdfb4

シェード

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

  1. #42af55
  2. #3b9e4d
  3. #358c44
  4. #2e7b3c
  5. #286933
  6. #21582b
  7. #1a4622
  8. #14351a
  9. #0d2311
  10. #071209
  11. #000000

ティント

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

  1. #42af55
  2. #55b766
  3. #68bf77
  4. #7bc788
  5. #8ecf99
  6. #a1d7aa
  7. #b3dfbb
  8. #c6e7cc
  9. #d9efdd
  10. #ecf7ee
  11. #ffffff

トーン

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

  1. #42af55
  2. #48aa59
  3. #4ea65e
  4. #55a162
  5. #5b9c66
  6. #61986b
  7. #67936f
  8. #6d8e73
  9. #748977
  10. #7a857c
  11. #808080

読みやすい文字 2.8:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 7.49:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #9a9a9a 男性の約0.003%
不完全1色覚 #80a384 男性の約0.001%
1型2色覚（P型） #b1a04d 男性の約1.01%
2型2色覚（D型） #a3975b 男性の約1.27%
3型2色覚（T型） #26ab9a 男性の約0.0001%
1型3色覚（P型弱） #92a650 男性の約1.08%
2型3色覚（D型弱） #87a159 男性の約4.63%
3型3色覚（T型弱） #33ad84 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#3cb371 Medium Sea Green ΔE 5.12 #00a86b Jade ΔE 7.04 #74c365 Mantis ΔE 7.36 #50c878 Emerald ΔE 7.46 #009e60 Shamrock Green ΔE 8.06 #4cbb17 Kelly Green ΔE 8.65 #32cd32 Lime Green ΔE 10.03 #bd50aa 反転色 #9a9a9a グレースケール 

Medium Sea Green
#42af55  rgb(66, 175, 85)  hsl(130, 45%, 47%)  Medium Sea Green
#af429c  rgb(175, 66, 156)  hsl(310, 45%, 47%)  Purpureus
#5542af  rgb(85, 66, 175)  hsl(250, 45%, 47%)  Ocean Blue
#af5542  rgb(175, 85, 66)  hsl(10, 45%, 47%)  Redwood