Hex Color #629BF4 - Custom Color

Color Codes

HEX

#629BF4

RGB

rgb(98, 155, 244)

HSL

hsl(217, 87%, 67%)

CMYK

cmyk(60%, 36%, 0%, 4%)

HSV

hsv(217, 60%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#62E3F4 #629AF4 #7362F4

Triadic

#629AF4 #F4629A #9AF462

Split Complementary

#629AF4 #F47362 #E3F462

Tetradic (Square)

#629AF4 #F462E3 #F4BC62 #62F473

Complementary

#629BF4 #F4BC62

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.79:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.51: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: #629BF4;

color: #629BF4;

border-color: #629BF4;

}

Tailwind CSS (with arbitrary values)

bg-[#629BF4]

text-[#629BF4]

border-[#629BF4]

// Example usage: