ColorTool
ログイン
#2D7974

#2d7974 ≈ Myrtle Green

  • シアン
  • 明度: 低い
  • 彩度: 中程度
  • 寒色
コントラストを確認 グラフで探索 ランダムな色

#2d7974はシアン系の色です（明度：低い、彩度：中程度）。 RGBでは赤17.65%、緑47.45%、青45.49%で構成され、CMYK印刷ではシアン62.81%、マゼンタ0%、イエロー4.13%、ブラック52.55%を使います。 HSLでは色相角176.05°、彩度45.78%、明度32.55%です。 寒色で、爽やかさ、テクノロジー、明快さを連想させることが多い色です。 デザインでは主に健康・ウェルネス、テクノロジー製品、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は5.12:1（WCAG AA）です。 最も近い色名はMyrtle Green（#317873）で、ΔEは0.59です。

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

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

補色

  1. #2d7974
  2. #792d32

分裂補色

  1. #2d7974
  2. #792d58
  3. #794e2d

類似色

  1. #2d794e
  2. #2d7974
  3. #2d5879

トライアド

  1. #2d7974
  2. #742d79
  3. #79742d

テトラード

  1. #2d7974
  2. #2d3279
  3. #792d32
  4. #79742d

スクエア

  1. #2d7974
  2. #4e2d79
  3. #792d32
  4. #58792d

モノクロマティック

  1. #060f0e
  2. #18413f
  3. #2d7974
  4. #42b1a9
  5. #74cbc5

シェード

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

  1. #2d7974
  2. #296d68
  3. #24615d
  4. #205551
  5. #1b4946
  6. #173d3a
  7. #12302e
  8. #0e2423
  9. #091817
  10. #050c0c
  11. #000000

ティント

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

  1. #2d7974
  2. #428682
  3. #579490
  4. #6ca19e
  5. #81afac
  6. #96bcba
  7. #abc9c7
  8. #c0d7d5
  9. #d5e4e3
  10. #eaf2f1
  11. #ffffff

トーン

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

  1. #2d7974
  2. #357a75
  3. #3e7a76
  4. #467b78
  5. #4e7c79
  6. #577d7a
  7. #5f7d7b
  8. #677e7c
  9. #6f7f7e
  10. #787f7f
  11. #808080

読みやすい文字 5.12:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 4.1:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #6e6e6e 男性の約0.003%
不完全1色覚 #5b7270 男性の約0.001%
1型2色覚（P型） #727374 男性の約1.01%
2型2色覚（D型） #676a75 男性の約1.27%
3型2色覚（T型） #007c77 男性の約0.0001%
1型3色覚（P型弱） #5e7574 男性の約1.08%
2型3色覚（D型弱） #557074 男性の約4.63%
3型3色覚（T型弱） #097b76 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-2d7974 {
  color: #2d7974;
}
背景色
.bg-2d7974 {
  background-color: #2d7974;
  color: #ffffff;
}
枠線
.border-2d7974 {
  border: 2px solid #2d7974;
}
CSS変数
:root {
  --color-primary: #2d7974;
  --color-primary-rgb: 45 121 116;
  --color-primary-hsl: 176 46% 33%;
}
グラデーション
.gradient-2d7974 {
  background: linear-gradient(135deg, #2d7974, #2d5879);
}
色付きの影
.shadow-2d7974 {
  box-shadow: 0 8px 24px rgb(45 121 116 / 0.35);
}

#317873 Myrtle Green ΔE 0.59 #01796f Pine Green ΔE 3.44 #008080 Teal ΔE 3.80 #008b8b Dark Cyan ΔE 7.08 #40826d Viridian ΔE 7.30 #00755e Tropical Rain Forest ΔE 7.98 #367588 Teal Blue ΔE 11.49 #d2868b 反転色 #6e6e6e グレースケール 

Myrtle Green
#2d7974  rgb(45, 121, 116)  hsl(176, 46%, 33%)  Myrtle Green
#792d32  rgb(121, 45, 50)  hsl(356, 46%, 33%)  Wine
#742d79  rgb(116, 45, 121)  hsl(296, 46%, 33%)  Eminence
#79742d  rgb(121, 116, 45)  hsl(56, 46%, 33%)  Olive