Hex Color #274D50 - Custom Color

Color Codes

HEX

#274D50

RGB

rgb(39, 77, 80)

HSL

hsl(184, 34%, 23%)

CMYK

cmyk(51%, 4%, 0%, 69%)

HSV

hsv(184, 51%, 31%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#274F3D #274C4F #27384F

Triadic

#274C4F #4F274C #4C4F27

Split Complementary

#274C4F #4F2738 #4F3D27

Tetradic (Square)

#274C4F #3D274F #4F2927 #384F27

Complementary

#274D50 #4F2927

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.28:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.26:1

Fail - 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: #274D50;

color: #274D50;

border-color: #274D50;

}

Tailwind CSS (with arbitrary values)

bg-[#274D50]

text-[#274D50]

border-[#274D50]

// Example usage: