Hex Color #02FAFF - Custom Color

Color Codes

HEX

#02FAFF

RGB

rgb(2, 250, 255)

HSL

hsl(181, 100%, 50%)

CMYK

cmyk(99%, 2%, 0%, 0%)

HSV

hsv(181, 99%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#00FF84 #00FBFF #007BFF

Triadic

#00FBFF #FF00FB #FBFF00

Split Complementary

#00FBFF #FF007B #FF8400

Tetradic (Square)

#00FBFF #8400FF #FF0400 #7BFF00

Complementary

#02FAFF #FF0400

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.30:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.12:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #02FAFF;

color: #02FAFF;

border-color: #02FAFF;

}

Tailwind CSS (with arbitrary values)

bg-[#02FAFF]

text-[#02FAFF]

border-[#02FAFF]

// Example usage: