ColorTool
ログイン
#282136

#282136 ≈ Oxford Blue

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

#282136は紫系の色です（明度：とても低い、彩度：低め）。 RGBでは赤15.69%、緑12.94%、青21.18%で構成され、CMYK印刷ではシアン25.93%、マゼンタ38.89%、イエロー0%、ブラック78.82%を使います。 HSLでは色相角260°、彩度24.14%、明度17.06%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は15.43:1（WCAG AAA）です。 最も近い色名はOxford Blue（#002147）で、ΔEは11.43です。

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

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

補色

  1. #282136
  2. #2f3621

分裂補色

  1. #282136
  2. #363321
  3. #253621

類似色

  1. #212536
  2. #282136
  3. #332136

トライアド

  1. #282136
  2. #362821
  3. #213628

テトラード

  1. #282136
  2. #36212f
  3. #2f3621
  4. #213628

スクエア

  1. #282136
  2. #362125
  3. #2f3621
  4. #213633

モノクロマティック

  1. #09080d
  2. #09080d
  3. #282136
  4. #4b3e65
  5. #6e5b95

シェード

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

  1. #282136
  2. #241e31
  3. #201a2b
  4. #1c1726
  5. #181420
  6. #14111b
  7. #100d16
  8. #0c0a10
  9. #08070b
  10. #040305
  11. #000000

ティント

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

  1. #282136
  2. #3e374a
  3. #534d5e
  4. #696472
  5. #7e7a86
  6. #94909b
  7. #a9a6af
  8. #bfbcc3
  9. #d4d3d7
  10. #eae9eb
  11. #ffffff

トーン

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

  1. #282136
  2. #312b3d
  3. #3a3445
  4. #423e4c
  5. #4b4754
  6. #54515b
  7. #5d5a62
  8. #66646a
  9. #6e6d71
  10. #777779
  11. #808080

読みやすい文字 15.43:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.36:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #242424 男性の約0.003%
不完全1色覚 #26232c 男性の約0.001%
1型2色覚（P型） #1c2437 男性の約1.01%
2型2色覚（D型） #1d2435 男性の約1.27%
3型2色覚（T型） #252429 男性の約0.0001%
1型3色覚（P型弱） #212337 男性の約1.08%
2型3色覚（D型弱） #222336 男性の約4.63%
3型3色覚（T型弱） #26232e 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-282136 {
  color: #282136;
}
背景色
.bg-282136 {
  background-color: #282136;
  color: #ffffff;
}
枠線
.border-282136 {
  border: 2px solid #282136;
}
CSS変数
:root {
  --color-primary: #282136;
  --color-primary-rgb: 40 33 54;
  --color-primary-hsl: 260 24% 17%;
}
グラデーション
.gradient-282136 {
  background: linear-gradient(135deg, #282136, #332136);
}
色付きの影
.shadow-282136 {
  box-shadow: 0 8px 24px rgb(40 33 54 / 0.35);
}

#002147 Oxford Blue ΔE 11.43 #1a1110 Licorice ΔE 12.77 #343434 Jet ΔE 13.78 #010b13 Rich Black ΔE 14.53 #353839 Onyx ΔE 14.84 #614051 Eggplant ΔE 15.39 #2a3439 Gunmetal ΔE 15.45 #d7dec9 反転色 #242424 グレースケール 

Oxford Blue
#282136  rgb(40, 33, 54)  hsl(260, 24%, 17%)  Oxford Blue
#2f3621  rgb(47, 54, 33)  hsl(80, 24%, 17%)  Rifle Green
#362821  rgb(54, 40, 33)  hsl(20, 24%, 17%)  Bistre
#213628  rgb(33, 54, 40)  hsl(140, 24%, 17%)  Phthalo Green