ColorTool
ログイン
#388784

#388784 ≈ Dark Cyan

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

#388784はシアン系の色です（明度：低い、彩度：中程度）。 RGBでは赤21.96%、緑52.94%、青51.76%で構成され、CMYK印刷ではシアン58.52%、マゼンタ0%、イエロー2.22%、ブラック47.06%を使います。 HSLでは色相角177.72°、彩度41.36%、明度37.45%です。 寒色で、爽やかさ、テクノロジー、明快さを連想させることが多い色です。 デザインでは主に健康・ウェルネス、テクノロジー製品、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は4.97:1（WCAG AA）です。 最も近い色名はDark Cyan（#008b8b）で、ΔEは3.22です。

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

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

補色

  1. #388784
  2. #87383b

分裂補色

  1. #388784
  2. #873862
  3. #875c38

類似色

  1. #38875c
  2. #388784
  3. #386287

トライアド

  1. #388784
  2. #843887
  3. #878438

テトラード

  1. #388784
  2. #383b87
  3. #87383b
  4. #878438

スクエア

  1. #388784
  2. #5c3887
  3. #87383b
  4. #628738

モノクロマティック

  1. #0b1b1a
  2. #22514f
  3. #388784
  4. #54b8b4
  5. #8acecc

シェード

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

  1. #388784
  2. #327a77
  3. #2d6c6a
  4. #275f5c
  5. #22514f
  6. #1c4442
  7. #163635
  8. #112928
  9. #0b1b1a
  10. #060e0d
  11. #000000

ティント

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

  1. #388784
  2. #4c9390
  3. #609f9d
  4. #74aba9
  5. #88b7b5
  6. #9cc3c2
  7. #afcfce
  8. #c3dbda
  9. #d7e7e6
  10. #ebf3f3
  11. #ffffff

トーン

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

  1. #388784
  2. #3f8684
  3. #468683
  4. #4e8583
  5. #558482
  6. #5c8482
  7. #638382
  8. #6a8281
  9. #728181
  10. #798180
  11. #808080

読みやすい文字 4.23:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 4.97:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #7b7b7b 男性の約0.003%
不完全1色覚 #67807f 男性の約0.001%
1型2色覚（P型） #7f8184 男性の約1.01%
2型2色覚（D型） #737785 男性の約1.27%
3型2色覚（T型） #008b86 男性の約0.0001%
1型3色覚（P型弱） #6a8384 男性の約1.08%
2型3色覚（D型弱） #607e84 男性の約4.63%
3型3色覚（T型弱） #198985 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#008b8b Dark Cyan ΔE 3.22 #008080 Teal ΔE 4.19 #317873 Myrtle Green ΔE 5.70 #01796f Pine Green ΔE 7.27 #40826d Viridian ΔE 7.76 #5f9ea0 Cadet Blue ΔE 9.41 #00755e Tropical Rain Forest ΔE 11.57 #c7787b 反転色 #7b7b7b グレースケール 

Dark Cyan
#388784  rgb(56, 135, 132)  hsl(178, 41%, 37%)  Dark Cyan
#87383b  rgb(135, 56, 59)  hsl(358, 41%, 37%)  Cordovan
#843887  rgb(132, 56, 135)  hsl(298, 41%, 37%)  Deep Plum
#878438  rgb(135, 132, 56)  hsl(58, 41%, 37%)  Olive