#F23F85

Color Details

HEX
#F23F85
RGB
rgb(242, 63, 133)
HSL
hsl(337, 87%, 60%)
CMYK
cmyk(0%, 74%, 45%, 5%)
Best text on this color #000000 (CR 5.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #f23f85
Contrast 5.83:1 AA
White on #f23f85
Contrast 3.61:1 Fail
#f23f85 on Black
Contrast 5.83:1 AA
#f23f85 on White
Contrast 3.61:1 Fail

Tints & Shades

#f5659d
#f78cb6
#fab2ce
#c2326a
#912650
#611935

Complement & Analogous

#40f2ae
#f25540
#f240dd

Triadic

#84f240
#4084f2

Monochrome

#611935 #912650 #f23f85 #f78cb6 #fab2ce #fcd9e7

Analogous

#f240dd #f679e7 #f23f85 #f57766 #f25540 #c24433

Complementary Mix

#912650 #f23f85 #f78cb6 #40f2ae #83f7ca #2a9d71

Nearby Colors

#f23f84
#f23f86
#f23f75
#f23f95

Embed #F23F85 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #F23F85

#F23F85 converts to RGB(242, 63, 133) and HSL(337, 87%, 60%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#F23F85 FAQs

What is the RGB value of #F23F85?
RGB: 242, 63, 133. Copy as CSS: rgb(242, 63, 133)
Is #F23F85 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #F23F85?
Complement: #40f2ae.
Does #F23F85 have good contrast on white or black?
On white: 3.61:1 (AA (large text)). On black: 5.83:1 (AA (normal text)).