#42628F

#42628F

Color Values

HEX

#42628F

RGB

66, 98, 143

HSL

215,1, 36,8%, 41,0%

HSV

215,1, 53,8%, 56,1%

CMYK

53,8%, 31,5%, 0,0%, 43,9%

OKLCH

0,4919 0,0818 257,0

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#42628F

#8F6F42

Analogous

#42888F

#49428F

#42628F

Triadic

#42628F

#8F4262

#628F42

Split Complementary

#42628F

#8F4942

#888F42

Tetradic

#42628F

#8F4288

#8F6F42

#428F49

Color Blindness Simulation

Original

#42628F

Protanopia

#505084

Deuteranopia

#4E4C82

Tritanopia

#447C7A

Achromatopsia

#5E5E5E

CSS Usage

background-color: #42628F;
color: #42628F;
border-color: #42628F;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CED9E8
300
#ABBED8
400
#7E9BC3
500
#5178AE
600
#40608C
700
#344C70
800
#283C57
900
#202E40
950
#141D29

Contrast Checker

Text on white

6,22:1

AA Pass AAA Fail

Text on black

3,38: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