#101533

#101533

Color Values

HEX

#101533

RGB

16, 21, 51

HSL

231.4, 52.2%, 13.1%

HSV

231.4, 68.6%, 20.0%

CMYK

68.6%, 58.8%, 0.0%, 80.0%

OKLCH

0.2103 0.0591 273.2

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#101533

#332E10

Analogous

#102633

#1C1033

#101533

Triadic

#101533

#331015

#153310

Split Complementary

#101533

#331C10

#263310

Tetradic

#101533

#331026

#332E10

#10331C

Color Blindness Simulation

Original

#101533

Protanopia

#12122C

Deuteranopia

#12122A

Tritanopia

#102625

Achromatopsia

#161616

CSS Usage

background-color: #101533;
color: #101533;
border-color: #101533;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F4F5FB
100
#E5E8F5
200
#C9CEEE
300
#A2ABE2
400
#6F7ED2
500
#3D50C2
600
#31409B
700
#27337C
800
#1E2861
900
#1A2047
950
#10142D

Contrast Checker

Text on white

17.84:1

AA Pass AAA Pass

Text on black

1.18:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026