ColorTool
ログイン
#270D44

#270d44 ≈ Midnight Blue

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

#270d44は紫系の色です（明度：とても低い、彩度：低め）。 RGBでは赤15.29%、緑5.1%、青26.67%で構成され、CMYK印刷ではシアン42.65%、マゼンタ80.88%、イエロー0%、ブラック73.33%を使います。 HSLでは色相角268.36°、彩度67.9%、明度15.88%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は17.11:1（WCAG AAA）です。 最も近い色名はMidnight Blue（#191970）で、ΔEは9.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.0114

補色

  1. #270d44
  2. #2a440d

分裂補色

  1. #270d44
  2. #44420d
  3. #0f440d

類似色

  1. #0d0f44
  2. #270d44
  3. #420d44

トライアド

  1. #270d44
  2. #44270d
  3. #0d4427

テトラード

  1. #270d44
  2. #440d2a
  3. #2a440d
  4. #0d4427

スクエア

  1. #270d44
  2. #440d0f
  3. #2a440d
  4. #0d4442

モノクロマティック

  1. #0a0311
  2. #0a0311
  3. #270d44
  4. #4c1984
  5. #7126c4

シェード

#270d44に黒を段階的に混ぜた色です。

  1. #270d44
  2. #230c3d
  3. #1f0a36
  4. #1b0930
  5. #170829
  6. #140722
  7. #10051b
  8. #0c0414
  9. #08030e
  10. #040107
  11. #000000

ティント

#270d44に白を段階的に混ぜた色です。

  1. #270d44
  2. #3d2557
  3. #523d69
  4. #68567c
  5. #7d6e8f
  6. #9386a2
  7. #a99eb4
  8. #beb6c7
  9. #d4cfda
  10. #e9e7ec
  11. #ffffff

トーン

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

  1. #270d44
  2. #30194a
  3. #392450
  4. #423056
  5. #4b3b5c
  6. #544762
  7. #5c5268
  8. #655e6e
  9. #6e6974
  10. #77757a
  11. #808080

読みやすい文字 17.11:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.23:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #1c1c1c 男性の約0.003%
不完全1色覚 #211730 男性の約0.001%
1型2色覚（P型） #001b46 男性の約1.01%
2型2色覚（D型） #001b43 男性の約1.27%
3型2色覚（T型） #211b27 男性の約0.0001%
1型3色覚（P型弱） #111745 男性の約1.08%
2型3色覚（D型弱） #141643 男性の約4.63%
3型3色覚（T型弱） #231635 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-270d44 {
  color: #270d44;
}
背景色
.bg-270d44 {
  background-color: #270d44;
  color: #ffffff;
}
枠線
.border-270d44 {
  border: 2px solid #270d44;
}
CSS変数
:root {
  --color-primary: #270d44;
  --color-primary-rgb: 39 13 68;
  --color-primary-hsl: 268 68% 16%;
}
グラデーション
.gradient-270d44 {
  background: linear-gradient(135deg, #270d44, #420d44);
}
色付きの影
.shadow-270d44 {
  box-shadow: 0 8px 24px rgb(39 13 68 / 0.35);
}

#191970 Midnight Blue ΔE 9.56 #32127a Persian Indigo ΔE 10.05 #4b0082 Indigo ΔE 11.94 #000080 Navy ΔE 12.25 #000f89 Phthalo Blue ΔE 13.07 #002147 Oxford Blue ΔE 13.10 #00008b Dark Blue ΔE 13.41 #d8f2bb 反転色 #1c1c1c グレースケール 

Midnight Blue
#270d44  rgb(39, 13, 68)  hsl(268, 68%, 16%)  Midnight Blue
#2a440d  rgb(42, 68, 13)  hsl(88, 68%, 16%)  Army Green
#44270d  rgb(68, 39, 13)  hsl(28, 68%, 16%)  Bistre
#0d4427  rgb(13, 68, 39)  hsl(148, 68%, 16%)  British Racing Green