#010257

#010257

Color Values

HEX

#010257

RGB

1, 2, 87

HSL

239.3, 97.7%, 17.3%

HSV

239.3, 98.9%, 34.1%

CMYK

98.9%, 97.7%, 0.0%, 65.9%

OKLCH

0.2102 0.1405 264.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#010257

#575601

Analogous

#012D57

#2B0157

#010257

Triadic

#010257

#570102

#025701

Split Complementary

#010257

#572B01

#2D5701

Tetradic

#010257

#57012D

#575601

#01572B

Color Blindness Simulation

Original

#010257

Protanopia

#010142

Deuteranopia

#01013E

Tritanopia

#01322F

Achromatopsia

#080808

CSS Usage

background-color: #010257;
color: #010257;
border-color: #010257;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8B9FE
300
#8687FE
400
#4447FD
500
#0306FC
600
#0205CA
700
#0204A1
800
#01037E
900
#06075B
950
#04043A

Contrast Checker

Text on white

18.3:1

AA Pass AAA Pass

Text on black

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