ColorTool
Log in
#B87B86

#b87b86 ≈ Turkish Rose

  • red
  • Lightness: medium
  • Saturation: muted
  • Warm
Check contrast Explore in graph Random color

#b87b86 is a color from the red family, with medium lightness and muted saturation. In the RGB model it is made of 72.16% red, 48.24% green and 52.55% blue; printed in CMYK it uses 0% cyan, 33.15% magenta, 27.17% yellow and 27.84% black. Its hue angle is 349.18°, with 30.05% saturation and 60.2% lightness in HSL. It is a warm color, often associated with energy, passion and urgency. Designers typically use it for food and restaurant brands, sales and promotions and brand accents. Black text on this color reaches a contrast ratio of 6.22:1 (WCAG AA). The closest named color is Turkish Rose (#b57281), ΔE 2.89.

Description generated from the measured properties of this color.

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

Complementary

  1. #b87b86
  2. #7bb8ad

Split complementary

  1. #b87b86
  2. #7bb88f
  3. #7ba5b8

Analogous

  1. #b87ba5
  2. #b87b86
  3. #b88f7b

Triadic

  1. #b87b86
  2. #86b87b
  3. #7b86b8

Tetradic

  1. #b87b86
  2. #b8ad7b
  3. #7bb8ad
  4. #7b86b8

Square

  1. #b87b86
  2. #a5b87b
  3. #7bb8ad
  4. #8f7bb8

Monochromatic

  1. #64363e
  2. #96515d
  3. #b87b86
  4. #d3adb4
  5. #eedfe1

Shades

#b87b86 mixed progressively with black.

  1. #b87b86
  2. #a66f79
  3. #93626b
  4. #81565e
  5. #6e4a50
  6. #5c3e43
  7. #4a3136
  8. #372528
  9. #25191b
  10. #120c0d
  11. #000000

Tints

#b87b86 mixed progressively with white.

  1. #b87b86
  2. #bf8892
  3. #c6959e
  4. #cda3aa
  5. #d4b0b6
  6. #dcbdc3
  7. #e3cacf
  8. #ead7db
  9. #f1e5e7
  10. #f8f2f3
  11. #ffffff

Tones

#b87b86 mixed progressively with gray.

  1. #b87b86
  2. #b27c85
  3. #ad7c85
  4. #a77d84
  5. #a27d84
  6. #9c7e83
  7. #967e82
  8. #917f82
  9. #8b7f81
  10. #868081
  11. #808080

Readable text 3.38:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 6.22:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #8c8c8c ≈ 0.003% of males
Achromatomaly #9f8589 ≈ 0.001% of males
Protanopia #848586 ≈ 1.01% of males
Deuteranopia #939085 ≈ 1.27% of males
Tritanopia #c3767f ≈ 0.0001% of males
Protanomaly #9c8186 ≈ 1.08% of males
Deuteranomaly #a38885 ≈ 4.63% of males
Tritanomaly #bf7882 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-b87b86 {
  color: #b87b86;
}
Background
.bg-b87b86 {
  background-color: #b87b86;
  color: #000000;
}
Border
.border-b87b86 {
  border: 2px solid #b87b86;
}
CSS variables
:root {
  --color-primary: #b87b86;
  --color-primary-rgb: 184 123 134;
  --color-primary-hsl: 349 30% 60%;
}
Gradient
.gradient-b87b86 {
  background: linear-gradient(135deg, #b87b86, #b88f7b);
}
Colored shadow
.shadow-b87b86 {
  box-shadow: 0 8px 24px rgb(184 123 134 / 0.35);
}

#b57281 Turkish Rose ΔE 2.89 #b76e79 Rose Gold ΔE 4.17 #c08081 Old Rose ΔE 4.34 #cc8899 Puce ΔE 5.47 #bc8f8f Rosy Brown ΔE 7.24 #db7093 Pale Violet Red ΔE 8.53 #997a8d Mountbatten Pink ΔE 9.19 #478479 Inverted #8c8c8c Grayscale 

Turkish Rose
#b87b86  rgb(184, 123, 134)  hsl(349, 30%, 60%)  Turkish Rose
#7bb8ad  rgb(123, 184, 173)  hsl(169, 30%, 60%)  Verdigris
#86b87b  rgb(134, 184, 123)  hsl(109, 30%, 60%)  Dark Sea Green
#7b86b8  rgb(123, 134, 184)  hsl(229, 30%, 60%)  Glaucous