#42798F

#42798F

Color Values

HEX

#42798F

RGB

66, 121, 143

HSL

197.1, 36.8%, 41.0%

HSV

197.1, 53.8%, 56.1%

CMYK

53.8%, 15.4%, 0.0%, 43.9%

OKLCH

0.5472 0.0675 226.1

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#42798F

#8F5842

Analogous

#428F7E

#42538F

#42798F

Triadic

#42798F

#8F4279

#798F42

Split Complementary

#42798F

#8F4253

#8F7E42

Tetradic

#42798F

#7E428F

#8F5842

#538F42

Color Blindness Simulation

Original

#42798F

Protanopia

#5A5A8A

Deuteranopia

#575288

Tritanopia

#458585

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8F0F3
200
#CEE1E8
300
#ABCBD8
400
#7EB0C3
500
#5194AE
600
#40768C
700
#345F70
800
#284A57
900
#203740
950
#142329

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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