ColorTool
Log in
#C45E7D

#c45e7d ≈ Blush

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

#c45e7d is a color from the rose family, with medium lightness and moderate saturation. In the RGB model it is made of 76.86% red, 36.86% green and 49.02% blue; printed in CMYK it uses 0% cyan, 52.04% magenta, 36.22% yellow and 23.14% black. Its hue angle is 341.76°, with 46.36% saturation and 56.86% 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 5.24:1 (WCAG AA). The closest named color is Blush (#de5d83), ΔE 4.92.

Description generated from the measured properties of this color.

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

Complementary

  1. #c45e7d
  2. #5ec4a5

Split complementary

  1. #c45e7d
  2. #5ec472
  3. #5eb0c4

Analogous

  1. #c45eb0
  2. #c45e7d
  3. #c4725e

Triadic

  1. #c45e7d
  2. #7dc45e
  3. #5e7dc4

Tetradic

  1. #c45e7d
  2. #c4a55e
  3. #5ec4a5
  4. #5e7dc4

Square

  1. #c45e7d
  2. #b0c45e
  3. #5ec4a5
  4. #725ec4

Monochromatic

  1. #642538
  2. #9c3957
  3. #c45e7d
  4. #d996aa
  5. #edced7

Shades

#c45e7d mixed progressively with black.

  1. #c45e7d
  2. #b05571
  3. #9d4b64
  4. #894258
  5. #76384b
  6. #622f3f
  7. #4e2632
  8. #3b1c26
  9. #271319
  10. #14090d
  11. #000000

Tints

#c45e7d mixed progressively with white.

  1. #c45e7d
  2. #ca6e8a
  3. #d07e97
  4. #d68ea4
  5. #dc9eb1
  6. #e2afbe
  7. #e7bfcb
  8. #edcfd8
  9. #f3dfe5
  10. #f9eff2
  11. #ffffff

Tones

#c45e7d mixed progressively with gray.

  1. #c45e7d
  2. #bd617d
  3. #b6657e
  4. #b0687e
  5. #a96c7e
  6. #a26f7f
  7. #9b727f
  8. #94767f
  9. #8e797f
  10. #877d80
  11. #808080

Readable text 4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 5.24:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #7f7f7f ≈ 0.003% of males
Achromatomaly #9f737e ≈ 0.001% of males
Protanopia #6f737e ≈ 1.01% of males
Deuteranopia #8a867b ≈ 1.27% of males
Tritanopia #d25569 ≈ 0.0001% of males
Protanomaly #996b7e ≈ 1.08% of males
Deuteranomaly #a4787c ≈ 4.63% of males
Tritanomaly #cd5972 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-c45e7d {
  color: #c45e7d;
}
Background
.bg-c45e7d {
  background-color: #c45e7d;
  color: #000000;
}
Border
.border-c45e7d {
  border: 2px solid #c45e7d;
}
CSS variables
:root {
  --color-primary: #c45e7d;
  --color-primary-rgb: 196 94 125;
  --color-primary-hsl: 342 46% 57%;
}
Gradient
.gradient-c45e7d {
  background: linear-gradient(135deg, #c45e7d, #c4725e);
}
Colored shadow
.shadow-c45e7d {
  box-shadow: 0 8px 24px rgb(196 94 125 / 0.35);
}

#de5d83 Blush ΔE 4.92 #b76e79 Rose Gold ΔE 6.16 #b57281 Turkish Rose ΔE 6.40 #db7093 Pale Violet Red ΔE 6.87 #c54b8c Mulberry ΔE 7.49 #cf3476 Telemagenta ΔE 7.78 #f64a8a French Rose ΔE 8.63 #3ba182 Inverted #7f7f7f Grayscale 

Blush
#c45e7d  rgb(196, 94, 125)  hsl(342, 46%, 57%)  Blush
#5ec4a5  rgb(94, 196, 165)  hsl(162, 46%, 57%)  Medium Aquamarine
#7dc45e  rgb(125, 196, 94)  hsl(102, 46%, 57%)  Mantis
#5e7dc4  rgb(94, 125, 196)  hsl(222, 46%, 57%)  Glaucous