#203340

#203340

Color Values

HEX

#203340

RGB

32, 51, 64

HSL

204.4, 33.3%, 18.8%

HSV

204.4, 50.0%, 25.1%

CMYK

50.0%, 20.3%, 0.0%, 74.9%

OKLCH

0.3108 0.034 239.2

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#203340

#402D20

Analogous

#20403D

#202340

#203340

Triadic

#203340

#402033

#334020

Split Complementary

#203340

#402023

#403D20

Tetradic

#203340

#3D2040

#402D20

#234020

Color Blindness Simulation

Original

#203340

Protanopia

#28283D

Deuteranopia

#27263C

Tritanopia

#213A3A

Achromatopsia

#303030

CSS Usage

background-color: #203340;
color: #203340;
border-color: #203340;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDEE7
300
#ADC6D6
400
#81A7C0
500
#5587AA
600
#446C88
700
#36576D
800
#2B4455
900
#22333F
950
#152028

Contrast Checker

Text on white

13.05:1

AA Pass AAA Pass

Text on black

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