ColorTool
ログイン
#200C17

#200c17 ≈ Licorice

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

#200c17はローズ系の色です（明度：とても低い、彩度：低め）。 RGBでは赤12.55%、緑4.71%、青9.02%で構成され、CMYK印刷ではシアン0%、マゼンタ62.5%、イエロー28.12%、ブラック87.45%を使います。 HSLでは色相角327°、彩度45.45%、明度8.63%です。 暖色と寒色の中間で、ロマンス、遊び心、愛情を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は18.64:1（WCAG AAA）です。 最も近い色名はLicorice（#1a1110）で、ΔEは8.44です。

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

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

補色

  1. #200c17
  2. #0c2015

分裂補色

  1. #200c17
  2. #0d200c
  3. #0c201f

類似色

  1. #1f0c20
  2. #200c17
  3. #200c0d

トライアド

  1. #200c17
  2. #17200c
  3. #0c1720

テトラード

  1. #200c17
  2. #20150c
  3. #0c2015
  4. #0c1720

スクエア

  1. #200c17
  2. #201f0c
  3. #0c2015
  4. #0c0d20

モノクロマティック

  1. #0f060b
  2. #0f060b
  3. #200c17
  4. #58213f
  5. #8f3667

シェード

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

  1. #200c17
  2. #1d0b15
  3. #1a0a12
  4. #160810
  5. #13070e
  6. #10060c
  7. #0d0509
  8. #0a0407
  9. #060205
  10. #030102
  11. #000000

ティント

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

  1. #200c17
  2. #36242e
  3. #4d3d45
  4. #63555d
  5. #796d74
  6. #90868b
  7. #a69ea2
  8. #bcb6b9
  9. #d2ced1
  10. #e9e7e8
  11. #ffffff

トーン

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

  1. #200c17
  2. #2a1822
  3. #33232c
  4. #3d2f37
  5. #463a41
  6. #50464c
  7. #5a5256
  8. #635d61
  9. #6d696b
  10. #767476
  11. #808080

読みやすい文字 18.64:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.13:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #131313 男性の約0.003%
不完全1色覚 #191014 男性の約0.001%
1型2色覚（P型） #0e1117 男性の約1.01%
2型2色覚（D型） #131416 男性の約1.27%
3型2色覚（T型） #220c10 男性の約0.0001%
1型3色覚（P型弱） #170f17 男性の約1.08%
2型3色覚（D型弱） #191117 男性の約4.63%
3型3色覚（T型弱） #210c13 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-200c17 {
  color: #200c17;
}
背景色
.bg-200c17 {
  background-color: #200c17;
  color: #ffffff;
}
枠線
.border-200c17 {
  border: 2px solid #200c17;
}
CSS変数
:root {
  --color-primary: #200c17;
  --color-primary-rgb: 32 12 23;
  --color-primary-hsl: 327 45% 9%;
}
グラデーション
.gradient-200c17 {
  background: linear-gradient(135deg, #200c17, #200c0d);
}
色付きの影
.shadow-200c17 {
  box-shadow: 0 8px 24px rgb(32 12 23 / 0.35);
}

#1a1110 Licorice ΔE 8.44 #100c08 Smoky Black ΔE 12.40 #000000 Black ΔE 12.96 #3d2b1f Bistre ΔE 15.44 #010b13 Rich Black ΔE 15.68 #343434 Jet ΔE 16.27 #592720 Caput Mortuum ΔE 17.40 #dff3e8 反転色 #131313 グレースケール 

Licorice
#200c17  rgb(32, 12, 23)  hsl(327, 45%, 9%)  Licorice
#0c2015  rgb(12, 32, 21)  hsl(147, 45%, 9%)  Phthalo Green
#17200c  rgb(23, 32, 12)  hsl(87, 45%, 9%)  Phthalo Green
#0c1720  rgb(12, 23, 32)  hsl(207, 45%, 9%)  Rich Black