Hex Color #268BCE - Custom Color

Color Codes

HEX

#268BCE

RGB

rgb(38, 139, 206)

HSL

hsl(204, 69%, 48%)

CMYK

cmyk(82%, 33%, 0%, 19%)

HSV

hsv(204, 82%, 81%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#26CFBE #268BCF #2637CF

Triadic

#268BCF #CF268B #8BCF26

Split Complementary

#268BCF #CF2637 #CFBE26

Tetradic (Square)

#268BCF #BE26CF #CF6A26 #37CF26

Complementary

#268BCE #CF6A26

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.71:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.67:1

Pass - WCAG AA (Normal Text)

Fail - 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: #268BCE;

color: #268BCE;

border-color: #268BCE;

}

Tailwind CSS (with arbitrary values)

bg-[#268BCE]

text-[#268BCE]

border-[#268BCE]

// Example usage: