#F28FEE color preview — HEX, RGB and HSL values on Dopely

#F28FEE

pink45% BrightnessWarm

Color Values

HEX
#F28FEE
RGB
rgb(242, 143, 238)
HSL
hsl(302°, 79%, 75%)
CMYK
cmyk(0%, 41%, 2%, 5%)

Color Harmonies

Complementary

F28FEE

8FF293

Triadic

F28FEE

EEF28F

8FEEF2

Analogous

C48FF2

F28FEE

F28FBD

Monochromatic

D018C8

F28FEE

FFFFFF

Similar Colors

E734E0

F28FD5

DD8FF2

FDEAFC

F28FBD

C48FF2

CSS Snippets

CSS Variables
--color-base: #F28FEE;
--color-light: #FDEFFD;
--color-dark: #E72FDF;
CSS Class
.element {
  color: #F28FEE;
  background: #A2139C;
  border-color: #E734E0;
}

Contrast Analysis

Sample Text — 9.94:1

The quick brown fox jumps over the lazy dog

On Black9.94:1
On White2.11:1

WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1

Properties

Brightness45%
Saturation79%
Hue302°
Temp
Warm
LRV
45%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated pink color with 45% brightness, 79% saturation, and 75% lightness.