#F8076B

Vivid Rose

HEX

RGB

HSL

About #F8076B Vivid Rose

#F8076B is a vivid rose color. In the RGB color model, it is composed of 248 red, 7 green, and 107 blue. In the HSL color space, it has a hue of 335°, saturation of 95%, and lightness of 50%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #F8076B in your CSS, SCSS, or Tailwind projects.

Color Properties

335°

Hue

95%

Saturation

50%

Lightness

Vivid Rose

Color Harmonies

Colors that work well with #F8076B based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #F8076B against white and black backgrounds.

Aa#F8076B on White
Contrast Ratio4.01:1
AA AA Large AAA
Aa#F8076B on Black
Contrast Ratio5.23:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F8076B across different color formats.

FormatValue
HEX#F8076B
RGBrgb(248, 7, 107)
HSLhsl(335, 95%, 50%)
RGB Decimal248, 7, 107
RGB Percent97.3%, 2.7%, 42.0%
CMYK (approx.)0%, 97%, 57%, 3%

Related Palettes

12 palettes using #F8076B or similar colors

#F8076B#E62A19#EF9210#DDF00F
#FF006E#FB5607#FFBE0B#8338EC
#2D0FF0#9C15EA#E817CC#F70860
#2812ED#9804FB#FE01E4#FF0066
#F00F69#ED2812#EF9610#E2FB04
#F807F0#F20D78#EC1A13#E68619
#3616E9#A309F6#F00FCE#FC035A
#EB146E#FC1803#F0920F#DFF20D
#1814EB#8308F7#F708F3#EF107C
#1FF9B1#F91F68#441FF9#D5F91F
#391FF9#E0F91F#F91F73#1FF9A6
#CEF91F#4B1FF9#1FF9B8#F91F61