ColorTool
Log in
#AF676C

#af676c ≈ Rose Gold

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

#af676c is a color from the red family, with medium lightness and moderate saturation. In the RGB model it is made of 68.63% red, 40.39% green and 42.35% blue; printed in CMYK it uses 0% cyan, 41.14% magenta, 38.29% yellow and 31.37% black. Its hue angle is 355.83°, with 31.03% saturation and 54.51% 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 4.98:1 (WCAG AA). The closest named color is Rose Gold (#b76e79), ΔE 3.66.

Description generated from the measured properties of this color.

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

Complementary

  1. #af676c
  2. #67afaa

Split complementary

  1. #af676c
  2. #67af86
  3. #6790af

Analogous

  1. #af6790
  2. #af676c
  3. #af8667

Triadic

  1. #af676c
  2. #6caf67
  3. #676caf

Tetradic

  1. #af676c
  2. #afaa67
  3. #67afaa
  4. #676caf

Square

  1. #af676c
  2. #90af67
  3. #67afaa
  4. #8667af

Monochromatic

  1. #522b2e
  2. #84454a
  3. #af676c
  4. #c9999c
  5. #e4cbcd

Shades

#af676c mixed progressively with black.

  1. #af676c
  2. #9e5d61
  3. #8c5256
  4. #7b484c
  5. #693e41
  6. #583436
  7. #46292b
  8. #351f20
  9. #231516
  10. #120a0b
  11. #000000

Tints

#af676c mixed progressively with white.

  1. #af676c
  2. #b7767b
  3. #bf8589
  4. #c79598
  5. #cfa4a7
  6. #d7b3b6
  7. #dfc2c4
  8. #e7d1d3
  9. #efe1e2
  10. #f7f0f0
  11. #ffffff

Tones

#af676c mixed progressively with gray.

  1. #af676c
  2. #aa6a6e
  3. #a66c70
  4. #a16f72
  5. #9c7174
  6. #987476
  7. #937678
  8. #8e797a
  9. #897b7c
  10. #857e7e
  11. #808080

Readable text 4.22:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 4.98:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #7b7b7b ≈ 0.003% of males
Achromatomaly #937475 ≈ 0.001% of males
Protanopia #75736c ≈ 1.01% of males
Deuteranopia #86816b ≈ 1.27% of males
Tritanopia #bc5f69 ≈ 0.0001% of males
Protanomaly #906e6c ≈ 1.08% of males
Deuteranomaly #98776b ≈ 4.63% of males
Tritanomaly #b7626a ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-af676c {
  color: #af676c;
}
Background
.bg-af676c {
  background-color: #af676c;
  color: #000000;
}
Border
.border-af676c {
  border: 2px solid #af676c;
}
CSS variables
:root {
  --color-primary: #af676c;
  --color-primary-rgb: 175 103 108;
  --color-primary-hsl: 356 31% 55%;
}
Gradient
.gradient-af676c {
  background: linear-gradient(135deg, #af676c, #af8667);
}
Colored shadow
.shadow-af676c {
  box-shadow: 0 8px 24px rgb(175 103 108 / 0.35);
}

#b76e79 Rose Gold ΔE 3.66 #996666 Copper Rose ΔE 5.44 #b57281 Turkish Rose ΔE 5.69 #a45a52 Redwood ΔE 7.37 #cd5c5c Indian Red ΔE 7.77 #c08081 Old Rose ΔE 8.13 #915f6d Mauve Taupe ΔE 8.61 #509893 Inverted #7b7b7b Grayscale 

Rose Gold
#af676c  rgb(175, 103, 108)  hsl(356, 31%, 55%)  Rose Gold
#67afaa  rgb(103, 175, 170)  hsl(176, 31%, 55%)  Verdigris
#6caf67  rgb(108, 175, 103)  hsl(116, 31%, 55%)  Asparagus
#676caf  rgb(103, 108, 175)  hsl(236, 31%, 55%)  Slate Blue