ColorTool
ログイン
#0DA4A4

#0da4a4 ≈ Light Sea Green

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

#0da4a4はシアン系の色です（明度：低い、彩度：高め）。 RGBでは赤5.1%、緑64.31%、青64.31%で構成され、CMYK印刷ではシアン92.07%、マゼンタ0%、イエロー0%、ブラック35.69%を使います。 HSLでは色相角180°、彩度85.31%、明度34.71%です。 寒色で、爽やかさ、テクノロジー、明快さを連想させることが多い色です。 デザインでは主に健康・ウェルネス、テクノロジー製品、企業のブランディングに使われます。 この色の上に黒の文字を置くとコントラスト比は6.86:1（WCAG AA）です。 最も近い色名はLight Sea Green（#20b2aa）で、ΔEは4.99です。

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

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

補色

  1. #0da4a4
  2. #a40d0d

分裂補色

  1. #0da4a4
  2. #a40d59
  3. #a4590d

類似色

  1. #0da459
  2. #0da4a4
  3. #0d59a4

トライアド

  1. #0da4a4
  2. #a40da4
  3. #a4a40d

テトラード

  1. #0da4a4
  2. #0d0da4
  3. #a40d0d
  4. #a4a40d

スクエア

  1. #0da4a4
  2. #590da4
  3. #a40d0d
  4. #59a40d

モノクロマティック

  1. #021616
  2. #075d5d
  3. #0da4a4
  4. #13ebeb
  5. #58f2f2

シェード

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

  1. #0da4a4
  2. #0c9494
  3. #0a8383
  4. #097373
  5. #086262
  6. #075252
  7. #054242
  8. #043131
  9. #032121
  10. #011010
  11. #000000

ティント

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

  1. #0da4a4
  2. #25adad
  3. #3db6b6
  4. #56bfbf
  5. #6ec8c8
  6. #86d2d2
  7. #9edbdb
  8. #b6e4e4
  9. #cfeded
  10. #e7f6f6
  11. #ffffff

トーン

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

  1. #0da4a4
  2. #19a0a0
  3. #249d9d
  4. #309999
  5. #3b9696
  6. #479292
  7. #528e8e
  8. #5e8b8b
  9. #698787
  10. #758484
  11. #808080

読みやすい文字 3.06:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.86:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #939393 男性の約0.003%
不完全1色覚 #759a9a 男性の約0.001%
1型2色覚（P型） #989ba4 男性の約1.01%
2型2色覚（D型） #858da5 男性の約1.27%
3型2色覚（T型） #00aaa4 男性の約0.0001%
1型3色覚（P型弱） #799fa4 男性の約1.08%
2型3色覚（D型弱） #6a97a5 男性の約4.63%
3型3色覚（T型弱） #00a7a4 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#20b2aa Light Sea Green ΔE 4.99 #43b3ae Verdigris ΔE 5.27 #0abab5 Tiffany Blue ΔE 6.53 #5f9ea0 Cadet Blue ΔE 6.76 #00a693 Persian Green ΔE 7.04 #008b8b Dark Cyan ΔE 8.30 #00cccc Robin Egg Blue ΔE 10.99 #f25b5b 反転色 #939393 グレースケール 

Light Sea Green
#0da4a4  rgb(13, 164, 164)  hsl(180, 85%, 35%)  Light Sea Green
#a40d0d  rgb(164, 13, 13)  hsl(0, 85%, 35%)  Rufous
#a40da4  rgb(164, 13, 164)  hsl(300, 85%, 35%)  Dark Magenta
#a4a40d  rgb(164, 164, 13)  hsl(60, 85%, 35%)  Brass