ColorTool
ログイン
#422B59

#422b59 ≈ Eminence

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

#422b59は紫系の色です（明度：低い、彩度：低め）。 RGBでは赤25.88%、緑16.86%、青34.9%で構成され、CMYK印刷ではシアン25.84%、マゼンタ51.69%、イエロー0%、ブラック65.1%を使います。 HSLでは色相角270°、彩度34.85%、明度25.88%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は12.2:1（WCAG AAA）です。 最も近い色名はEminence（#6c3082）で、ΔEは10.59です。

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

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

補色

  1. #422b59
  2. #42592b

分裂補色

  1. #422b59
  2. #59592b
  3. #2b592b

類似色

  1. #2b2b59
  2. #422b59
  3. #592b59

トライアド

  1. #422b59
  2. #59422b
  3. #2b5942

テトラード

  1. #422b59
  2. #592b42
  3. #42592b
  4. #2b5942

スクエア

  1. #422b59
  2. #592b2b
  3. #42592b
  4. #2b5959

モノクロマティック

  1. #0a070e
  2. #1c1225
  3. #422b59
  4. #68448d
  5. #8e67b6

シェード

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

  1. #422b59
  2. #3b2750
  3. #352247
  4. #2e1e3e
  5. #281a35
  6. #21162d
  7. #1a1124
  8. #140d1b
  9. #0d0912
  10. #070409
  11. #000000

ティント

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

  1. #422b59
  2. #55406a
  3. #68557a
  4. #7b6b8b
  5. #8e809b
  6. #a195ac
  7. #b3aabd
  8. #c6bfcd
  9. #d9d5de
  10. #eceaee
  11. #ffffff

トーン

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

  1. #422b59
  2. #48345d
  3. #4e3c61
  4. #554565
  5. #5b4d69
  6. #61566d
  7. #675e70
  8. #6d6774
  9. #746f78
  10. #7a787c
  11. #808080

読みやすい文字 12.2:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.72:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #353535 男性の約0.003%
不完全1色覚 #3b3246 男性の約0.001%
1型2色覚（P型） #1e355b 男性の約1.01%
2型2色覚（D型） #243558 男性の約1.27%
3型2色覚（T型） #3e333d 男性の約0.0001%
1型3色覚（P型弱） #30315a 男性の約1.08%
2型3色覚（D型弱） #333258 男性の約4.63%
3型3色覚（T型弱） #40304a 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-422b59 {
  color: #422b59;
}
背景色
.bg-422b59 {
  background-color: #422b59;
  color: #ffffff;
}
枠線
.border-422b59 {
  border: 2px solid #422b59;
}
CSS変数
:root {
  --color-primary: #422b59;
  --color-primary-rgb: 66 43 89;
  --color-primary-hsl: 270 35% 26%;
}
グラデーション
.gradient-422b59 {
  background: linear-gradient(135deg, #422b59, #592b59);
}
色付きの影
.shadow-422b59 {
  box-shadow: 0 8px 24px rgb(66 43 89 / 0.35);
}

#6c3082 Eminence ΔE 10.59 #483d8b Dark Slate Blue ΔE 10.76 #702963 Byzantium ΔE 11.10 #32127a Persian Indigo ΔE 11.65 #191970 Midnight Blue ΔE 11.74 #4b0082 Indigo ΔE 12.55 #663399 Rebecca Purple ΔE 12.87 #bdd4a6 反転色 #353535 グレースケール 

Eminence
#422b59  rgb(66, 43, 89)  hsl(270, 35%, 26%)  Eminence
#42592b  rgb(66, 89, 43)  hsl(90, 35%, 26%)  Army Green
#59422b  rgb(89, 66, 43)  hsl(30, 35%, 26%)  Coffee
#2b5942  rgb(43, 89, 66)  hsl(150, 35%, 26%)  Hunter Green