ColorTool
Log in
#BFA39C

#bfa39c ≈ Silver Pink

  • orange
  • Lightness: high
  • Saturation: muted
  • Warm
Check contrast Explore in graph Random color

#bfa39c is a color from the orange family, with high lightness and muted saturation. In the RGB model it is made of 74.9% red, 63.92% green and 61.18% blue; printed in CMYK it uses 0% cyan, 14.66% magenta, 18.32% yellow and 25.1% black. Its hue angle is 12°, with 21.47% saturation and 68.04% lightness in HSL. It is a warm color, often associated with enthusiasm, warmth and creativity. Designers typically use it for call-to-action buttons, food and restaurant brands and brand accents. Black text on this color reaches a contrast ratio of 8.93:1 (WCAG AAA). The closest named color is Silver Pink (#c4aead), ΔE 4.29.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#cc9999
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.3967

Complementary

  1. #bfa39c
  2. #9cb8bf

Split complementary

  1. #bfa39c
  2. #9cbfb5
  3. #9ca7bf

Analogous

  1. #bf9ca7
  2. #bfa39c
  3. #bfb59c

Triadic

  1. #bfa39c
  2. #9cbfa3
  3. #a39cbf

Tetradic

  1. #bfa39c
  2. #b8bf9c
  3. #9cb8bf
  4. #a39cbf

Square

  1. #bfa39c
  2. #a7bf9c
  3. #9cb8bf
  4. #b59cbf

Monochromatic

  1. #76554c
  2. #a1786e
  3. #bfa39c
  4. #ddceca
  5. #f7f3f3

Shades

#bfa39c mixed progressively with black.

  1. #bfa39c
  2. #ac938c
  3. #99827d
  4. #86726d
  5. #73625e
  6. #60524e
  7. #4c413e
  8. #39312f
  9. #26211f
  10. #131010
  11. #000000

Tints

#bfa39c mixed progressively with white.

  1. #bfa39c
  2. #c5aca6
  3. #ccb5b0
  4. #d2bfba
  5. #d9c8c4
  6. #dfd1ce
  7. #e5dad7
  8. #ece3e1
  9. #f2edeb
  10. #f9f6f5
  11. #ffffff

Tones

#bfa39c mixed progressively with gray.

  1. #bfa39c
  2. #b9a099
  3. #b29c96
  4. #ac9994
  5. #a69591
  6. #a0928e
  7. #998e8b
  8. #938b88
  9. #8d8786
  10. #868483
  11. #808080

Readable text 2.35:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 8.93:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #a9a9a9 ≈ 0.003% of males
Achromatomaly #b2a7a4 ≈ 0.001% of males
Protanopia #a9a69b ≈ 1.01% of males
Deuteranopia #afab9c ≈ 1.27% of males
Tritanopia #c6a0a1 ≈ 0.0001% of males
Protanomaly #b2a59c ≈ 1.08% of males
Deuteranomaly #b6a89c ≈ 4.63% of males
Tritanomaly #c3a19f ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-bfa39c {
  color: #bfa39c;
}
Background
.bg-bfa39c {
  background-color: #bfa39c;
  color: #000000;
}
Border
.border-bfa39c {
  border: 2px solid #bfa39c;
}
CSS variables
:root {
  --color-primary: #bfa39c;
  --color-primary-rgb: 191 163 156;
  --color-primary-hsl: 12 21% 68%;
}
Gradient
.gradient-bfa39c {
  background: linear-gradient(135deg, #bfa39c, #bfb59c);
}
Colored shadow
.shadow-bfa39c {
  box-shadow: 0 8px 24px rgb(191 163 156 / 0.35);
}

#c4aead Silver Pink ΔE 4.29 #bc8f8f Rosy Brown ΔE 7.99 #dea5a4 Pastel Pink ΔE 9.06 #ebc2af Zinnwaldite ΔE 10.32 #deaa88 Tumbleweed ΔE 11.00 #aa98a9 Rose Quartz ΔE 11.28 #a9a9a9 Dark Gray ΔE 11.51 #405c63 Inverted #a9a9a9 Grayscale 

Silver Pink
#bfa39c  rgb(191, 163, 156)  hsl(12, 21%, 68%)  Silver Pink
#9cb8bf  rgb(156, 184, 191)  hsl(192, 21%, 68%)  Pastel Blue
#9cbfa3  rgb(156, 191, 163)  hsl(132, 21%, 68%)  Dark Sea Green
#a39cbf  rgb(163, 156, 191)  hsl(252, 21%, 68%)  Pastel Purple