ColorTool
ログイン
#94C8A1

#94c8a1 ≈ Dark Sea Green

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

#94c8a1は緑系の色です（明度：高い、彩度：低め）。 RGBでは赤58.04%、緑78.43%、青63.14%で構成され、CMYK印刷ではシアン26%、マゼンタ0%、イエロー19.5%、ブラック21.57%を使います。 HSLでは色相角135°、彩度32.1%、明度68.24%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は11.04:1（WCAG AAA）です。 最も近い色名はDark Sea Green（#8fbc8f）で、ΔEは3.88です。

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

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

補色

  1. #94c8a1
  2. #c894bb

分裂補色

  1. #94c8a1
  2. #bb94c8
  3. #c894a1

類似色

  1. #a1c894
  2. #94c8a1
  3. #94c8bb

トライアド

  1. #94c8a1
  2. #a194c8
  3. #c8a194

テトラード

  1. #94c8a1
  2. #94bbc8
  3. #c894bb
  4. #c8a194

スクエア

  1. #94c8a1
  2. #94a1c8
  3. #c894bb
  4. #c8bb94

モノクロマティック

  1. #428152
  2. #61ae75
  3. #94c8a1
  4. #c7e2cd
  5. #f2f8f3

シェード

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

  1. #94c8a1
  2. #85b491
  3. #76a081
  4. #688c71
  5. #597861
  6. #4a6451
  7. #3b5040
  8. #2c3c30
  9. #1e2820
  10. #0f1410
  11. #000000

ティント

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

  1. #94c8a1
  2. #9fceaa
  3. #a9d3b4
  4. #b4d9bd
  5. #bfdec7
  6. #cae4d0
  7. #d4e9d9
  8. #dfefe3
  9. #eaf4ec
  10. #f4faf6
  11. #ffffff

トーン

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

  1. #94c8a1
  2. #92c19e
  3. #90ba9a
  4. #8eb297
  5. #8cab94
  6. #8aa491
  7. #889d8d
  8. #86968a
  9. #848e87
  10. #828783
  11. #808080

読みやすい文字 1.9:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 11.04:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #bcbcbc 男性の約0.003%
不完全1色覚 #adc1b2 男性の約0.001%
1型2色覚（P型） #c8bf9f 男性の約1.01%
2型2色覚（D型） #c0baa3 男性の約1.27%
3型2色覚（T型） #8cc6bd 男性の約0.0001%
1型3色覚（P型弱） #b6c3a0 男性の約1.08%
2型3色覚（D型弱） #b0bfa2 男性の約4.63%
3型3色覚（T型弱） #8fc7b2 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-94c8a1 {
  color: #94c8a1;
}
背景色
.bg-94c8a1 {
  background-color: #94c8a1;
  color: #000000;
}
枠線
.border-94c8a1 {
  border: 2px solid #94c8a1;
}
CSS変数
:root {
  --color-primary: #94c8a1;
  --color-primary-rgb: 148 200 161;
  --color-primary-hsl: 135 32% 68%;
}
グラデーション
.gradient-94c8a1 {
  background: linear-gradient(135deg, #94c8a1, #94c8bb);
}
色付きの影
.shadow-94c8a1 {
  box-shadow: 0 8px 24px rgb(148 200 161 / 0.35);
}

#8fbc8f Dark Sea Green ΔE 3.88 #ace1af Celadon ΔE 6.51 #9fe2bf Seafoam Green ΔE 6.67 #66cdaa Medium Aquamarine ΔE 7.50 #a8e4a0 Granny Smith Apple ΔE 8.89 #aaf0d1 Magic Mint ΔE 10.03 #93c572 Pistachio ΔE 10.12 #6b375e 反転色 #bcbcbc グレースケール 

Dark Sea Green
#94c8a1  rgb(148, 200, 161)  hsl(135, 32%, 68%)  Dark Sea Green
#c894bb  rgb(200, 148, 187)  hsl(315, 32%, 68%)  Lilac
#a194c8  rgb(161, 148, 200)  hsl(255, 32%, 68%)  Wisteria
#c8a194  rgb(200, 161, 148)  hsl(15, 32%, 68%)  Silver Pink