#3B7488

#3B7488

Color Values

HEX

#3B7488

RGB

59, 116, 136

HSL

195.6, 39.5%, 38.2%

HSV

195.6, 56.6%, 53.3%

CMYK

56.6%, 14.7%, 0.0%, 46.7%

OKLCH

0.5286 0.0674 223.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#3B7488

#884F3B

Analogous

#3B8875

#3B4D88

#3B7488

Triadic

#3B7488

#883B74

#74883B

Split Complementary

#3B7488

#883B4D

#88753B

Tetradic

#3B7488

#753B88

#884F3B

#4D883B

Color Blindness Simulation

Original

#3B7488

Protanopia

#545483

Deuteranopia

#504C82

Tritanopia

#3E7F7E

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F0F3
200
#CDE2E9
300
#AACDDA
400
#7BB3C6
500
#4D98B2
600
#3E798E
700
#316172
800
#274C59
900
#1F3942
950
#142429

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

4.04:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026