#12D8F3

Vivid Cyan

HEX

RGB

HSL

About #12D8F3 Vivid Cyan

#12D8F3 is a vivid cyan color. In the RGB color model, it is composed of 18 red, 216 green, and 243 blue. In the HSL color space, it has a hue of 187°, saturation of 90%, and lightness of 51%.

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

Color Properties

187°

Hue

90%

Saturation

51%

Lightness

Vivid Cyan

Color Harmonies

Colors that work well with #12D8F3 based on color theory.

Accessibility

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

Aa#12D8F3 on White
Contrast Ratio1.73:1
AA AA Large AAA
Aa#12D8F3 on Black
Contrast Ratio12.14:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #12D8F3 across different color formats.

FormatValue
HEX#12D8F3
RGBrgb(18, 216, 243)
HSLhsl(187, 90%, 51%)
RGB Decimal18, 216, 243
RGB Percent7.1%, 84.7%, 95.3%
CMYK (approx.)93%, 11%, 0%, 5%

Related Palettes

12 palettes using #12D8F3 or similar colors

#0FD2F0#1262ED#2E11EE#9E0DF2
#B11FF9#68F91F#F9441F#1FD5F9
#F9441F#1FD5F9#68F91F#B11FF9
#1FD5F9#F9441F#B11FF9#68F91F
#64F91F#B41FF9#1FD1F9#F9471F
#1FD1F9#F9471F#B41FF9#64F91F
#B81FF9#61F91F#F94B1F#1FCEF9
#1FCEF9#F94B1F#B81FF9#61F91F
#F9351F#1FE3F9#76F91F#A21FF9
#19E3E6#017BFE#130FF0#8401FE
#A825F4#71F425#F44125#25D8F4
#1FCAF9#F94E1F#BB1FF9#5DF91F