#202A30

#202A30

Color Values

HEX

#202A30

RGB

32, 42, 48

HSL

202.5, 20.0%, 15.7%

HSV

202.5, 33.3%, 18.8%

CMYK

33.3%, 12.5%, 0.0%, 81.2%

OKLCH

0.2782 0.0178 234.6

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#202A30

#302620

Analogous

#20302E

#202230

#202A30

Triadic

#202A30

#30202A

#2A3020

Split Complementary

#202A30

#302022

#302E20

Tetradic

#202A30

#2E2030

#302620

#223020

Color Blindness Simulation

Original

#202A30

Protanopia

#24242F

Deuteranopia

#24232E

Tritanopia

#202D2D

Achromatopsia

#282828

CSS Usage

background-color: #202A30;
color: #202A30;
border-color: #202A30;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE2
300
#B6C5CE
400
#8EA5B4
500
#668699
600
#526B7A
700
#415662
800
#33434D
900
#283339
950
#192024

Contrast Checker

Text on white

14.63:1

AA Pass AAA Pass

Text on black

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