#38717F

#38717F

Color Values

HEX

#38717F

RGB

56, 113, 127

HSL

191.8, 38.8%, 35.9%

HSV

191.8, 55.9%, 49.8%

CMYK

55.9%, 11.0%, 0.0%, 50.2%

OKLCH

0.5158 0.0635 215.9

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#38717F

#7F4638

Analogous

#387F6A

#384E7F

#38717F

Triadic

#38717F

#7F3871

#717F38

Split Complementary

#38717F

#7F384E

#7F6A38

Tetradic

#38717F

#6A387F

#7F4638

#4E7F38

Color Blindness Simulation

Original

#38717F

Protanopia

#51517C

Deuteranopia

#4D497B

Tritanopia

#3B7978

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE4E9
300
#AAD0DA
400
#7CB7C5
500
#4E9EB1
600
#3E7E8E
700
#326571
800
#274F58
900
#203B41
950
#142529

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

3.84:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026