#44858F

#44858F

Color Values

HEX

#44858F

RGB

68, 133, 143

HSL

188.0, 35.5%, 41.4%

HSV

188.0, 52.4%, 56.1%

CMYK

52.4%, 7.0%, 0.0%, 43.9%

OKLCH

0.5778 0.068 208.5

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#44858F

#8F4E44

Analogous

#448F74

#44608F

#44858F

Triadic

#44858F

#8F4485

#858F44

Split Complementary

#44858F

#8F4460

#8F7444

Tetradic

#44858F

#74448F

#8F4E44

#608F44

Color Blindness Simulation

Original

#44858F

Protanopia

#60618D

Deuteranopia

#5C588C

Tritanopia

#478B8A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CFE5E8
300
#ACD2D8
400
#7FB9C2
500
#52A1AD
600
#42818A
700
#35676F
800
#295056
900
#213C40
950
#152628

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.0:1

AA Pass 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