Hex Color #3AC2FA - Custom Color

Color Codes

HEX

#3AC2FA

RGB

rgb(58, 194, 250)

HSL

hsl(197, 95%, 60%)

CMYK

cmyk(77%, 22%, 0%, 2%)

HSV

hsv(197, 77%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#38FAD0 #38C3FA #3862FA

Triadic

#38C3FA #FA38C3 #C3FA38

Split Complementary

#38C3FA #FA3862 #FAD038

Tetradic (Square)

#38C3FA #D038FA #FA6F38 #62FA38

Complementary

#3AC2FA #FA6F38

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.04:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.28:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #3AC2FA;

color: #3AC2FA;

border-color: #3AC2FA;

}

Tailwind CSS (with arbitrary values)

bg-[#3AC2FA]

text-[#3AC2FA]

border-[#3AC2FA]

// Example usage: