ColorTool
Log in
#BB7694

#bb7694 ≈ Turkish Rose

  • rose
  • Lightness: medium
  • Saturation: moderate
  • Warm
Check contrast Explore in graph Random color

#bb7694 is a color from the rose family, with medium lightness and moderate saturation. In the RGB model it is made of 73.33% red, 46.27% green and 58.04% blue; printed in CMYK it uses 0% cyan, 36.9% magenta, 20.86% yellow and 26.67% black. Its hue angle is 333.91°, with 33.66% saturation and 59.8% lightness in HSL. It is a warm color, often associated with romance, playfulness and affection. 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.13:1 (WCAG AA). The closest named color is Turkish Rose (#b57281), ΔE 5.27.

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.2566

Complementary

  1. #bb7694
  2. #76bb9d

Split complementary

  1. #bb7694
  2. #76bb7a
  3. #76b6bb

Analogous

  1. #bb76b6
  2. #bb7694
  3. #bb7a76

Triadic

  1. #bb7694
  2. #94bb76
  3. #7694bb

Tetradic

  1. #bb7694
  2. #bb9d76
  3. #76bb9d
  4. #7694bb

Square

  1. #bb7694
  2. #b6bb76
  3. #76bb9d
  4. #7a76bb

Monochromatic

  1. #663249
  2. #994c6d
  3. #bb7694
  4. #d4a9bc
  5. #eedce4

Shades

#bb7694 mixed progressively with black.

  1. #bb7694
  2. #a86a85
  3. #965e76
  4. #835368
  5. #704759
  6. #5e3b4a
  7. #4b2f3b
  8. #38232c
  9. #25181e
  10. #130c0f
  11. #000000

Tints

#bb7694 mixed progressively with white.

  1. #bb7694
  2. #c2849f
  3. #c991a9
  4. #cf9fb4
  5. #d6adbf
  6. #ddbbca
  7. #e4c8d4
  8. #ebd6df
  9. #f1e4ea
  10. #f8f1f4
  11. #ffffff

Tones

#bb7694 mixed progressively with gray.

  1. #bb7694
  2. #b57792
  3. #af7890
  4. #a9798e
  5. #a37a8c
  6. #9e7b8a
  7. #987c88
  8. #927d86
  9. #8c7e84
  10. #867f82
  11. #808080

Readable text 3.42:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 6.13:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #8b8b8b ≈ 0.003% of males
Achromatomaly #a0838e ≈ 0.001% of males
Protanopia #7d8395 ≈ 1.01% of males
Deuteranopia #8e8f92 ≈ 1.27% of males
Tritanopia #c57480 ≈ 0.0001% of males
Protanomaly #9a7e95 ≈ 1.08% of males
Deuteranomaly #a28693 ≈ 4.63% of males
Tritanomaly #c17589 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-bb7694 {
  color: #bb7694;
}
Background
.bg-bb7694 {
  background-color: #bb7694;
  color: #000000;
}
Border
.border-bb7694 {
  border: 2px solid #bb7694;
}
CSS variables
:root {
  --color-primary: #bb7694;
  --color-primary-rgb: 187 118 148;
  --color-primary-hsl: 334 34% 60%;
}
Gradient
.gradient-bb7694 {
  background: linear-gradient(135deg, #bb7694, #bb7a76);
}
Colored shadow
.shadow-bb7694 {
  box-shadow: 0 8px 24px rgb(187 118 148 / 0.35);
}

#b57281 Turkish Rose ΔE 5.27 #db7093 Pale Violet Red ΔE 6.65 #cc8899 Puce ΔE 6.81 #de6fa1 Thulian Pink ΔE 7.01 #b76e79 Rose Gold ΔE 7.45 #cf71af Sky Magenta ΔE 7.49 #997a8d Mountbatten Pink ΔE 8.99 #44896b Inverted #8b8b8b Grayscale 

Turkish Rose
#bb7694  rgb(187, 118, 148)  hsl(334, 34%, 60%)  Turkish Rose
#76bb9d  rgb(118, 187, 157)  hsl(154, 34%, 60%)  Medium Aquamarine
#94bb76  rgb(148, 187, 118)  hsl(94, 34%, 60%)  Olivine
#7694bb  rgb(118, 148, 187)  hsl(214, 34%, 60%)  United Nations Blue