#28D5F0

Vivid Cyan

HEX

RGB

HSL

About #28D5F0 Vivid Cyan

#28D5F0 is a vivid cyan color. In the RGB color model, it is composed of 40 red, 213 green, and 240 blue. In the HSL color space, it has a hue of 188°, saturation of 87%, and lightness of 55%.

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 #28D5F0 in your CSS, SCSS, or Tailwind projects.

Color Properties

188°

Hue

87%

Saturation

55%

Lightness

Vivid Cyan

Color Harmonies

Colors that work well with #28D5F0 based on color theory.

Accessibility

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

Aa#28D5F0 on White
Contrast Ratio1.77:1
AA AA Large AAA
Aa#28D5F0 on Black
Contrast Ratio11.87:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #28D5F0 across different color formats.

FormatValue
HEX#28D5F0
RGBrgb(40, 213, 240)
HSLhsl(188, 87%, 55%)
RGB Decimal40, 213, 240
RGB Percent15.7%, 83.5%, 94.1%
CMYK (approx.)83%, 11%, 0%, 6%

Related Palettes

12 palettes using #28D5F0 or similar colors

#A825F4#71F425#F44125#25D8F4
#B11FF9#68F91F#F9441F#1FD5F9
#F9441F#1FD5F9#68F91F#B11FF9
#1FD5F9#F9441F#B11FF9#68F91F
#64F91F#B41FF9#1FD1F9#F9471F
#1FD1F9#F9471F#B41FF9#64F91F
#1FD9F9#F9401F#AD1FF9#6CF91F
#F9401F#1FD9F9#6CF91F#AD1FF9
#F9471F#1FD1F9#64F91F#B41FF9
#B81FF9#61F91F#F94B1F#1FCEF9
#1FCEF9#F94B1F#B81FF9#61F91F
#6FF91F#A91FF9#1FDCF9#F93C1F