Hex Color #7BCFFC - Custom Color

Color Codes

HEX

#7BCFFC

RGB

rgb(123, 207, 252)

HSL

hsl(201, 96%, 74%)

CMYK

cmyk(51%, 18%, 0%, 1%)

HSV

hsv(201, 51%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7DFCE9 #7DD0FC #7D90FC

Triadic

#7DD0FC #FC7DD0 #D0FC7D

Split Complementary

#7DD0FC #FC7D90 #FCE97D

Tetradic (Square)

#7DD0FC #E97DFC #FCAA7D #90FC7D

Complementary

#7BCFFC #FCAA7D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.73:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.17: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: #7BCFFC;

color: #7BCFFC;

border-color: #7BCFFC;

}

Tailwind CSS (with arbitrary values)

bg-[#7BCFFC]

text-[#7BCFFC]

border-[#7BCFFC]

// Example usage: