ColorTool
登录
#700D4E

#700d4e ≈ Pansy Purple

  • 玫红
  • 明度: 较低
  • 饱和度: 中等
  • 中间色
检查对比度 在关系图中探索 随机颜色

#700d4e 属于玫红系颜色（明度：较低，饱和度：中等）。 在 RGB 模型中，它由 43.92% 红、5.1% 绿和 30.59% 蓝组成；采用 CMYK 印刷时需要 0% 青、88.39% 品红、30.36% 黄和 56.08% 黑。 在 HSL 中，它的色相角为 320.61°，饱和度为 79.2%，明度为 24.51%。 它介于冷暖之间，常让人联想到浪漫、俏皮和爱意。 设计师常把它用于食品品牌和餐厅、促销和优惠和奢侈品牌。 在此颜色上使用白色文字时，对比度为 11.31:1（WCAG AAA）。 最接近的命名颜色是 Pansy Purple（#78184a），ΔE 为 3.77。

根据此颜色的测量属性自动生成的描述。

HEX
RGB
RGB 百分比
CMY
CMYK
HSL
HSV / HSB
网页安全色#660066
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
二进制
十进制
相对亮度0.0428

互补色

  1. #700d4e
  2. #0d702f

分裂互补色

  1. #700d4e
  2. #1c700d
  3. #0d7061

类似色

  1. #610d70
  2. #700d4e
  3. #700d1c

三角配色

  1. #700d4e
  2. #4e700d
  3. #0d4e70

矩形配色

  1. #700d4e
  2. #702f0d
  3. #0d702f
  4. #0d4e70

正方形配色

  1. #700d4e
  2. #70610d
  3. #0d702f
  4. #0d1c70

单色配色

  1. #12020d
  2. #2b051e
  3. #700d4e
  4. #b5157e
  5. #e72fa8

暗调

#700d4e 逐步混入黑色。

  1. #700d4e
  2. #650c46
  3. #5a0a3e
  4. #4e0937
  5. #43082f
  6. #380727
  7. #2d051f
  8. #220417
  9. #160310
  10. #0b0108
  11. #000000

亮调

#700d4e 逐步混入白色。

  1. #700d4e
  2. #7e2560
  3. #8d3d71
  4. #9b5683
  5. #a96e95
  6. #b886a7
  7. #c69eb8
  8. #d4b6ca
  9. #e2cfdc
  10. #f1e7ed
  11. #ffffff

灰调

#700d4e 逐步混入灰色。

  1. #700d4e
  2. #721953
  3. #732458
  4. #75305d
  5. #763b62
  6. #784767
  7. #7a526c
  8. #7b5e71
  9. #7d6976
  10. #7e757b
  11. #808080

清晰易读的文字 11.31:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
清晰易读的文字 1.86:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

全色盲 #3a3a3a 约占男性的 0.003%
全色弱 #552e43 约占男性的 0.001%
红色盲 #1e3050 约占男性的 1.01%
绿色盲 #3c404c 约占男性的 1.27%
蓝色盲 #78082d 约占男性的 0.0001%
红色弱 #4c264f 约占男性的 1.08%
绿色弱 #56334d 约占男性的 4.63%
蓝色弱 #750a3d 约占男性的 0.0002%
用自己的图片模拟

此颜色的文字

此颜色的背景

此颜色的边框

文字颜色
.text-700d4e {
  color: #700d4e;
}
背景
.bg-700d4e {
  background-color: #700d4e;
  color: #ffffff;
}
边框
.border-700d4e {
  border: 2px solid #700d4e;
}
CSS 变量
:root {
  --color-primary: #700d4e;
  --color-primary-rgb: 112 13 78;
  --color-primary-hsl: 321 79% 25%;
}
渐变
.gradient-700d4e {
  background: linear-gradient(135deg, #700d4e, #700d1c);
}
彩色阴影
.shadow-700d4e {
  box-shadow: 0 8px 24px rgb(112 13 78 / 0.35);
}

#78184a Pansy Purple ΔE 3.77 #66023c Tyrian Purple ΔE 4.12 #702963 Byzantium ΔE 5.81 #873260 Boysenberry ΔE 7.98 #800080 Purple ΔE 10.38 #a50b5e Jazzberry Jam ΔE 10.81 #880085 Mardi Gras ΔE 11.01 #8ff2b1 反色 #3a3a3a 灰度 

Pansy Purple
#700d4e  rgb(112, 13, 78)  hsl(321, 79%, 25%)  Pansy Purple
#0d702f  rgb(13, 112, 47)  hsl(141, 79%, 25%)  Cadmium Green
#4e700d  rgb(78, 112, 13)  hsl(81, 79%, 25%)  Sap Green
#0d4e70  rgb(13, 78, 112)  hsl(201, 79%, 25%)  Yale Blue