Hex Color #7CCBF4 - Custom Color

Color Codes

HEX

#7CCBF4

RGB

rgb(124, 203, 244)

HSL

hsl(201, 85%, 72%)

CMYK

cmyk(49%, 17%, 0%, 4%)

HSV

hsv(201, 49%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7BF4E2 #7BCAF4 #7B8DF4

Triadic

#7BCAF4 #F47BCA #CAF47B

Split Complementary

#7BCAF4 #F47B8D #F4E27B

Tetradic (Square)

#7BCAF4 #E27BF4 #F4A57B #8DF47B

Complementary

#7CCBF4 #F4A57B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.79:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.71: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: #7CCBF4;

color: #7CCBF4;

border-color: #7CCBF4;

}

Tailwind CSS (with arbitrary values)

bg-[#7CCBF4]

text-[#7CCBF4]

border-[#7CCBF4]

// Example usage: