#41789E

#41789E

Color Values

HEX

#41789E

RGB

65, 120, 158

HSL

204.5, 41.7%, 43.7%

HSV

204.5, 58.9%, 62.0%

CMYK

58.9%, 24.1%, 0.0%, 38.0%

OKLCH

0.5512 0.0833 240.7

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#41789E

#9E6741

Analogous

#419E95

#41499E

#41789E

Triadic

#41789E

#9E4178

#789E41

Split Complementary

#41789E

#9E4149

#9E9541

Tetradic

#41789E

#95419E

#9E6741

#499E41

Color Blindness Simulation

Original

#41789E

Protanopia

#595995

Deuteranopia

#565293

Tritanopia

#448E8C

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CCDEEA
300
#A8C6DB
400
#79A8C8
500
#4A89B5
600
#3B6E91
700
#305874
800
#25455A
900
#1E3443
950
#13212A

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

4.41: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