#42527C

#42527C

Color Values

HEX

#42527C

RGB

66, 82, 124

HSL

223.4, 30.5%, 37.3%

HSV

223.4, 46.8%, 48.6%

CMYK

46.8%, 33.9%, 0.0%, 51.4%

OKLCH

0.4442 0.0723 267.5

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#42527C

#7C6C42

Analogous

#426F7C

#4F427C

#42527C

Triadic

#42527C

#7C4252

#527C42

Split Complementary

#42527C

#7C4F42

#6F7C42

Tetradic

#42527C

#7C426F

#7C6C42

#427C4F

Color Blindness Simulation

Original

#42527C

Protanopia

#494972

Deuteranopia

#48476F

Tritanopia

#436A68

Achromatopsia

#525252

CSS Usage

background-color: #42527C;
color: #42527C;
border-color: #42527C;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F6F9
100
#E9EBF2
200
#D0D6E6
300
#AFB9D4
400
#8494BD
500
#596EA6
600
#475885
700
#39466A
800
#2C3753
900
#232B3E
950
#161B27

Contrast Checker

Text on white

7.69:1

AA Pass AAA Pass

Text on black

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