#1B5F80 Color

Color Information

HEX#1B5F80
RGB27, 95, 128
HSL200° , 65% , 30%
HSV200° , 79% , 50%
CMYK79%, 26%, 0%, 50%

Lighter Shades

#36728F #52859E #6D99AE #88ACBD #A4BFCC #BFD2DB

Darker Shades

#185471 #154861 #113D52 #0E3143 #0B2633 #081B24

Complementary Palette

#17526E #1B5F80 #6C3417 #7E3C1B #90573B #3B7592

Analogous Palette

#27685D #2A6F63 #195978 #1B5F80 #2A366F #3E4774

Triadic Palette

#185471 #1B5F80 #861360 #952F73 #608613 #547611

Split Complementary Palette

#185673 #1B5F80 #7E1B2B #8B3240 #7E6E1B #716318

Square Palette

#17506C #1B5F80 #692277 #773E22 #2B7E1B #4D933F

Tetradic Palette

#164E69 #1B5F80 #370D8C #7E3C1B #628C0D #7EA139

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1B5F80 contains 27 red, 95 green, and 128 blue.

Contrast Ratio: 7.05:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.98:1