ColorTool
ログイン
#985EDD

#985edd ≈ Amethyst

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

#985eddは紫系の色です（明度：中程度、彩度：中程度）。 RGBでは赤59.61%、緑36.86%、青86.67%で構成され、CMYK印刷ではシアン31.22%、マゼンタ57.47%、イエロー0%、ブラック13.33%を使います。 HSLでは色相角267.4°、彩度65.13%、明度61.76%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は4.98:1（WCAG AA）です。 最も近い色名はAmethyst（#9966cc）で、ΔEは3.6です。

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

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

補色

  1. #985edd
  2. #a3dd5e

分裂補色

  1. #985edd
  2. #ddd75e
  3. #63dd5e

類似色

  1. #5e63dd
  2. #985edd
  3. #d75edd

トライアド

  1. #985edd
  2. #dd985e
  3. #5edd98

テトラード

  1. #985edd
  2. #dd5ea3
  3. #a3dd5e
  4. #5edd98

スクエア

  1. #985edd
  2. #dd5e63
  3. #a3dd5e
  4. #5eddd7

モノクロマティック

  1. #4c1c86
  2. #712ac5
  3. #985edd
  4. #c09dea
  5. #e9dcf8

シェード

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

  1. #985edd
  2. #8955c7
  3. #7a4bb1
  4. #6a429b
  5. #5b3885
  6. #4c2f6f
  7. #3d2658
  8. #2e1c42
  9. #1e132c
  10. #0f0916
  11. #000000

ティント

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

  1. #985edd
  2. #a26ee0
  3. #ad7ee4
  4. #b78ee7
  5. #c19eeb
  6. #ccafee
  7. #d6bff1
  8. #e0cff5
  9. #eadff8
  10. #f5effc
  11. #ffffff

トーン

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

  1. #985edd
  2. #9661d4
  3. #9365ca
  4. #9168c1
  5. #8e6cb8
  6. #8c6faf
  7. #8a72a5
  8. #87769c
  9. #857993
  10. #827d89
  11. #808080

読みやすい文字 4.22:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 4.98:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #7b7b7b 男性の約0.003%
不完全1色覚 #8871ab 男性の約0.001%
1型2色覚（P型） #247ae1 男性の約1.01%
2型2色覚（D型） #3d7bda 男性の約1.27%
3型2色覚（T型） #8b7895 男性の約0.0001%
1型3色覚（P型弱） #6770df 男性の約1.08%
2型3色覚（D型弱） #6d70db 男性の約4.63%
3型3色覚（T型弱） #906eb6 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-985edd {
  color: #985edd;
}
背景色
.bg-985edd {
  background-color: #985edd;
  color: #000000;
}
枠線
.border-985edd {
  border: 2px solid #985edd;
}
CSS変数
:root {
  --color-primary: #985edd;
  --color-primary-rgb: 152 94 221;
  --color-primary-hsl: 267 65% 62%;
}
グラデーション
.gradient-985edd {
  background: linear-gradient(135deg, #985edd, #d75edd);
}
色付きの影
.shadow-985edd {
  box-shadow: 0 8px 24px rgb(152 94 221 / 0.35);
}

#9966cc Amethyst ΔE 3.60 #9370db Medium Purple ΔE 5.05 #7b68ee Medium Slate Blue ΔE 6.94 #ba55d3 Medium Orchid ΔE 7.18 #6a5acd Slate Blue ΔE 9.08 #9a4eae Purpureus ΔE 9.25 #9932cc Dark Orchid ΔE 9.79 #67a122 反転色 #7b7b7b グレースケール 

Amethyst
#985edd  rgb(152, 94, 221)  hsl(267, 65%, 62%)  Amethyst
#a3dd5e  rgb(163, 221, 94)  hsl(87, 65%, 62%)  Inchworm
#dd985e  rgb(221, 152, 94)  hsl(27, 65%, 62%)  Persian Orange
#5edd98  rgb(94, 221, 152)  hsl(147, 65%, 62%)  Emerald