ColorTool
ログイン
#28E6DB

#28e6db ≈ Bright Turquoise

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

#28e6dbはシアン系の色です（明度：中程度、彩度：高め）。 RGBでは赤15.69%、緑90.2%、青85.88%で構成され、CMYK印刷ではシアン82.61%、マゼンタ0%、イエロー4.78%、ブラック9.8%を使います。 HSLでは色相角176.53°、彩度79.17%、明度52.94%です。 寒色で、爽やかさ、テクノロジー、明快さを連想させることが多い色です。 デザインでは主に健康・ウェルネス、テクノロジー製品、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は13.43:1（WCAG AAA）です。 最も近い色名はBright Turquoise（#08e8de）で、ΔEは0.72です。

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

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

補色

  1. #28e6db
  2. #e62833

分裂補色

  1. #28e6db
  2. #e62892
  3. #e67c28

類似色

  1. #28e67c
  2. #28e6db
  3. #2892e6

トライアド

  1. #28e6db
  2. #db28e6
  3. #e6db28

テトラード

  1. #28e6db
  2. #2833e6
  3. #e62833
  4. #e6db28

スクエア

  1. #28e6db
  2. #7c28e6
  3. #e62833
  4. #92e628

モノクロマティック

  1. #0c6963
  2. #14ada4
  3. #28e6db
  4. #6deee6
  5. #b1f6f2

シェード

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

  1. #28e6db
  2. #24cfc5
  3. #20b8af
  4. #1ca199
  5. #188a83
  6. #14736e
  7. #105c58
  8. #0c4542
  9. #082e2c
  10. #041716
  11. #000000

ティント

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

  1. #28e6db
  2. #3ee9df
  3. #53ebe2
  4. #69eee6
  5. #7ef0e9
  6. #94f3ed
  7. #a9f5f1
  8. #bff8f4
  9. #d4faf8
  10. #eafdfb
  11. #ffffff

トーン

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

  1. #28e6db
  2. #31dcd2
  3. #3ad2c9
  4. #42c7c0
  5. #4bbdb7
  6. #54b3ae
  7. #5da9a4
  8. #669f9b
  9. #6e9492
  10. #778a89
  11. #808080

読みやすい文字 1.56:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 13.43:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #cfcfcf 男性の約0.003%
不完全1色覚 #a6d8d4 男性の約0.001%
1型2色覚（P型） #d9d9db 男性の約1.01%
2型2色覚（D型） #c0c7dd 男性の約1.27%
3型2色覚（T型） #00ece2 男性の約0.0001%
1型3色覚（P型弱） #aededb 男性の約1.08%
2型3色覚（D型弱） #9ad4dc 男性の約4.63%
3型3色覚（T型弱） #00eadf 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-28e6db {
  color: #28e6db;
}
背景色
.bg-28e6db {
  background-color: #28e6db;
  color: #000000;
}
枠線
.border-28e6db {
  border: 2px solid #28e6db;
}
CSS変数
:root {
  --color-primary: #28e6db;
  --color-primary-rgb: 40 230 219;
  --color-primary-hsl: 177 79% 53%;
}
グラデーション
.gradient-28e6db {
  background: linear-gradient(135deg, #28e6db, #2892e6);
}
色付きの影
.shadow-28e6db {
  box-shadow: 0 8px 24px rgb(40 230 219 / 0.35);
}

#08e8de Bright Turquoise ΔE 0.72 #40e0d0 Turquoise ΔE 2.32 #48d1cc Medium Turquoise ΔE 5.36 #00ffef Turquoise Blue ΔE 5.43 #00ffff Aqua ΔE 6.47 #00ffff Cyan ΔE 6.47 #00cccc Robin Egg Blue ΔE 7.01 #d71924 反転色 #cfcfcf グレースケール 

Bright Turquoise
#28e6db  rgb(40, 230, 219)  hsl(177, 79%, 53%)  Bright Turquoise
#e62833  rgb(230, 40, 51)  hsl(357, 79%, 53%)  Cadmium Red
#db28e6  rgb(219, 40, 230)  hsl(297, 79%, 53%)  Medium Orchid
#e6db28  rgb(230, 219, 40)  hsl(57, 79%, 53%)  Dandelion