ColorTool
Log in
#FB2569

#fb2569 ≈ Neon Fuchsia

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

#fb2569 is a color from the rose family, with medium lightness and vivid saturation. In the RGB model it is made of 98.43% red, 14.51% green and 41.18% blue; printed in CMYK it uses 0% cyan, 85.26% magenta, 58.17% yellow and 1.57% black. Its hue angle is 340.93°, with 96.4% saturation and 56.47% 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 call-to-action buttons. Black text on this color reaches a contrast ratio of 5.57:1 (WCAG AA). The closest named color is Neon Fuchsia (#fe4164), ΔE 4.78.

Description generated from the measured properties of this color.

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

Complementary

  1. #fb2569
  2. #25fbb7

Split complementary

  1. #fb2569
  2. #25fb4c
  3. #25d4fb

Analogous

  1. #fb25d4
  2. #fb2569
  3. #fb4c25

Triadic

  1. #fb2569
  2. #69fb25
  3. #2569fb

Tetradic

  1. #fb2569
  2. #fbb725
  3. #25fbb7
  4. #2569fb

Square

  1. #fb2569
  2. #d4fb25
  3. #25fbb7
  4. #4c25fb

Monochromatic

  1. #85022c
  2. #d00445
  3. #fb2569
  4. #fc709d
  5. #febbd0

Shades

#fb2569 mixed progressively with black.

  1. #fb2569
  2. #e2215f
  3. #c91e54
  4. #b01a4a
  5. #97163f
  6. #7e1335
  7. #640f2a
  8. #4b0b20
  9. #320715
  10. #19040b
  11. #000000

Tints

#fb2569 mixed progressively with white.

  1. #fb2569
  2. #fb3b78
  3. #fc5187
  4. #fc6696
  5. #fd7ca5
  6. #fd92b4
  7. #fda8c3
  8. #febed2
  9. #fed3e1
  10. #ffe9f0
  11. #ffffff

Tones

#fb2569 mixed progressively with gray.

  1. #fb2569
  2. #ef2e6b
  3. #e2376e
  4. #d64070
  5. #ca4972
  6. #be5375
  7. #b15c77
  8. #a56579
  9. #996e7b
  10. #8c777e
  11. #808080

Readable text 3.77:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 5.57:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #838383 ≈ 0.003% of males
Achromatomaly #bf6a7a ≈ 0.001% of males
Protanopia #68686a ≈ 1.01% of males
Deuteranopia #9d9264 ≈ 1.27% of males
Tritanopia #ff0045 ≈ 0.0001% of males
Protanomaly #b6556a ≈ 1.08% of males
Deuteranomaly #ca7666 ≈ 4.63% of males
Tritanomaly #ff0056 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-fb2569 {
  color: #fb2569;
}
Background
.bg-fb2569 {
  background-color: #fb2569;
  color: #000000;
}
Border
.border-fb2569 {
  border: 2px solid #fb2569;
}
CSS variables
:root {
  --color-primary: #fb2569;
  --color-primary-rgb: 251 37 105;
  --color-primary-hsl: 341 96% 56%;
}
Gradient
.gradient-fb2569 {
  background: linear-gradient(135deg, #fb2569, #fb4c25);
}
Colored shadow
.shadow-fb2569 {
  box-shadow: 0 8px 24px rgb(251 37 105 / 0.35);
}

#fe4164 Neon Fuchsia ΔE 4.78 #de3163 Cerise ΔE 5.28 #e3256b Razzmatazz ΔE 5.67 #ff007f Rose ΔE 5.76 #ff004f Folly ΔE 5.88 #e30b5c Raspberry ΔE 6.22 #e52b50 Amaranth ΔE 6.55 #04da96 Inverted #838383 Grayscale 

Neon Fuchsia
#fb2569  rgb(251, 37, 105)  hsl(341, 96%, 56%)  Neon Fuchsia
#25fbb7  rgb(37, 251, 183)  hsl(161, 96%, 56%)  Medium Spring Green
#69fb25  rgb(105, 251, 37)  hsl(101, 96%, 56%)  Harlequin
#2569fb  rgb(37, 105, 251)  hsl(221, 96%, 56%)  Ultramarine Blue