ColorTool
ログイン
#30192B

#30192b ≈ Licorice

  • マゼンタ
  • 明度: とても低い
  • 彩度: 低め
  • 中間色
コントラストを確認 グラフで探索 ランダムな色

#30192bはマゼンタ系の色です（明度：とても低い、彩度：低め）。 RGBでは赤18.82%、緑9.8%、青16.86%で構成され、CMYK印刷ではシアン0%、マゼンタ47.92%、イエロー10.42%、ブラック81.18%を使います。 HSLでは色相角313.04°、彩度31.51%、明度14.31%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は16.16:1（WCAG AAA）です。 最も近い色名はLicorice（#1a1110）で、ΔEは12.56です。

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

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

補色

  1. #30192b
  2. #19301e

分裂補色

  1. #30192b
  2. #1f3019
  3. #193029

類似色

  1. #291930
  2. #30192b
  3. #30191f

トライアド

  1. #30192b
  2. #2b3019
  3. #192b30

テトラード

  1. #30192b
  2. #301e19
  3. #19301e
  4. #192b30

スクエア

  1. #30192b
  2. #302919
  3. #19301e
  4. #191f30

モノクロマティック

  1. #0d070c
  2. #0d070c
  3. #30192b
  4. #623358
  5. #954d85

シェード

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

  1. #30192b
  2. #2b1727
  3. #261422
  4. #22121e
  5. #1d0f1a
  6. #180d16
  7. #130a11
  8. #0e080d
  9. #0a0509
  10. #050304
  11. #000000

ティント

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

  1. #30192b
  2. #453040
  3. #594755
  4. #6e5e6b
  5. #837580
  6. #988c95
  7. #aca3aa
  8. #c1babf
  9. #d6d1d5
  10. #eae8ea
  11. #ffffff

トーン

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

  1. #30192b
  2. #382334
  3. #402e3c
  4. #483845
  5. #50424d
  6. #584d56
  7. #60575e
  8. #686167
  9. #706b6f
  10. #787678
  11. #808080

読みやすい文字 16.16:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.3:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #212121 男性の約0.003%
不完全1色覚 #281e25 男性の約0.001%
1型2色覚（P型） #191f2c 男性の約1.01%
2型2色覚（D型） #1f222a 男性の約1.27%
3型2色覚（T型） #321a20 男性の約0.0001%
1型3色覚（P型弱） #241c2b 男性の約1.08%
2型3色覚（D型弱） #271f2b 男性の約4.63%
3型3色覚（T型弱） #311a25 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-30192b {
  color: #30192b;
}
背景色
.bg-30192b {
  background-color: #30192b;
  color: #ffffff;
}
枠線
.border-30192b {
  border: 2px solid #30192b;
}
CSS変数
:root {
  --color-primary: #30192b;
  --color-primary-rgb: 48 25 43;
  --color-primary-hsl: 313 32% 14%;
}
グラデーション
.gradient-30192b {
  background: linear-gradient(135deg, #30192b, #30191f);
}
色付きの影
.shadow-30192b {
  box-shadow: 0 8px 24px rgb(48 25 43 / 0.35);
}

#1a1110 Licorice ΔE 12.56 #614051 Eggplant ΔE 13.54 #66023c Tyrian Purple ΔE 14.20 #702963 Byzantium ΔE 16.45 #343434 Jet ΔE 16.46 #100c08 Smoky Black ΔE 16.47 #78184a Pansy Purple ΔE 16.69 #cfe6d4 反転色 #212121 グレースケール 

Licorice
#30192b  rgb(48, 25, 43)  hsl(313, 32%, 14%)  Licorice
#19301e  rgb(25, 48, 30)  hsl(133, 32%, 14%)  Phthalo Green
#2b3019  rgb(43, 48, 25)  hsl(73, 32%, 14%)  Rifle Green
#192b30  rgb(25, 43, 48)  hsl(193, 32%, 14%)  Gunmetal