ColorTool
ログイン
#2D8481

#2d8481 ≈ Teal

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

#2d8481はシアン系の色です（明度：低い、彩度：中程度）。 RGBでは赤17.65%、緑51.76%、青50.59%で構成され、CMYK印刷ではシアン65.91%、マゼンタ0%、イエロー2.27%、ブラック48.24%を使います。 HSLでは色相角177.93°、彩度49.15%、明度34.71%です。 寒色で、爽やかさ、テクノロジー、明快さを連想させることが多い色です。 デザインでは主に健康・ウェルネス、テクノロジー製品、企業のブランディングに使われます。 この色の上に黒の文字を置くとコントラスト比は4.73:1（WCAG AA）です。 最も近い色名はTeal（#008080）で、ΔEは2.76です。

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

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

補色

  1. #2d8481
  2. #842d30

分裂補色

  1. #2d8481
  2. #842d5c
  3. #84562d

類似色

  1. #2d8456
  2. #2d8481
  3. #2d5c84

トライアド

  1. #2d8481
  2. #812d84
  3. #84812d

テトラード

  1. #2d8481
  2. #2d3084
  3. #842d30
  4. #84812d

スクエア

  1. #2d8481
  2. #562d84
  3. #842d30
  4. #5c842d

モノクロマティック

  1. #061212
  2. #1a4b49
  3. #2d8481
  4. #40bdb9
  5. #79d1ce

シェード

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

  1. #2d8481
  2. #297774
  3. #246a67
  4. #205c5a
  5. #1b4f4d
  6. #174241
  7. #123534
  8. #0e2827
  9. #091a1a
  10. #050d0d
  11. #000000

ティント

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

  1. #2d8481
  2. #42908e
  3. #579d9a
  4. #6ca9a7
  5. #81b5b3
  6. #96c2c0
  7. #abcecd
  8. #c0dad9
  9. #d5e6e6
  10. #eaf3f2
  11. #ffffff

トーン

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

  1. #2d8481
  2. #358481
  3. #3e8381
  4. #468381
  5. #4e8281
  6. #578281
  7. #5f8280
  8. #678180
  9. #6f8180
  10. #788080
  11. #808080

読みやすい文字 4.44:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 4.73:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #787878 男性の約0.003%
不完全1色覚 #627d7b 男性の約0.001%
1型2色覚（P型） #7c7d81 男性の約1.01%
2型2色覚（D型） #6f7382 男性の約1.27%
3型2色覚（T型） #008883 男性の約0.0001%
1型3色覚（P型弱） #668081 男性の約1.08%
2型3色覚（D型弱） #5b7a81 男性の約4.63%
3型3色覚（T型弱） #008682 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-2d8481 {
  color: #2d8481;
}
背景色
.bg-2d8481 {
  background-color: #2d8481;
  color: #000000;
}
枠線
.border-2d8481 {
  border: 2px solid #2d8481;
}
CSS変数
:root {
  --color-primary: #2d8481;
  --color-primary-rgb: 45 132 129;
  --color-primary-hsl: 178 49% 35%;
}
グラデーション
.gradient-2d8481 {
  background: linear-gradient(135deg, #2d8481, #2d5c84);
}
色付きの影
.shadow-2d8481 {
  box-shadow: 0 8px 24px rgb(45 132 129 / 0.35);
}

#008080 Teal ΔE 2.76 #008b8b Dark Cyan ΔE 3.20 #317873 Myrtle Green ΔE 4.54 #01796f Pine Green ΔE 5.88 #40826d Viridian ΔE 7.67 #00755e Tropical Rain Forest ΔE 10.53 #5f9ea0 Cadet Blue ΔE 10.90 #d27b7e 反転色 #787878 グレースケール 

Teal
#2d8481  rgb(45, 132, 129)  hsl(178, 49%, 35%)  Teal
#842d30  rgb(132, 45, 48)  hsl(358, 49%, 35%)  Wine
#812d84  rgb(129, 45, 132)  hsl(298, 49%, 35%)  Mardi Gras
#84812d  rgb(132, 129, 45)  hsl(58, 49%, 35%)  Olive