#367783

#367783

Color Values

HEX

#367783

RGB

54, 119, 131

HSL

189.4, 41.6%, 36.3%

HSV

189.4, 58.8%, 51.4%

CMYK

58.8%, 9.2%, 0.0%, 48.6%

OKLCH

0.5319 0.0684 211.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#367783

#834236

Analogous

#368369

#365083

#367783

Triadic

#367783

#833677

#778336

Split Complementary

#367783

#833650

#836936

Tetradic

#367783

#693683

#834236

#508336

Color Blindness Simulation

Original

#367783

Protanopia

#525380

Deuteranopia

#4E4A7F

Tritanopia

#397E7D

Achromatopsia

#6A6A6A

CSS Usage

background-color: #367783;
color: #367783;
border-color: #367783;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CCE5EA
300
#A8D3DB
400
#79BCC8
500
#4AA4B5
600
#3C8390
700
#306974
800
#25525A
900
#1E3D43
950
#13262A

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.12:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026