#223282

#223282

Color Values

HEX

#223282

RGB

34, 50, 130

HSL

230.0, 58.5%, 32.2%

HSV

230.0, 73.8%, 51.0%

CMYK

73.8%, 61.5%, 0.0%, 49.0%

OKLCH

0.3574 0.1356 269.6

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#223282

#827222

Analogous

#226282

#422282

#223282

Triadic

#223282

#822232

#328222

Split Complementary

#223282

#824222

#628222

Tetradic

#223282

#822262

#827222

#228242

Color Blindness Simulation

Original

#223282

Protanopia

#29296F

Deuteranopia

#28276A

Tritanopia

#235F5C

Achromatopsia

#343434

CSS Usage

background-color: #223282;
color: #223282;
border-color: #223282;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CDF0
300
#9EAAE6
400
#697CD8
500
#354ECA
600
#2A3EA2
700
#223281
800
#1A2765
900
#171F4A
950
#0E142F

Contrast Checker

Text on white

11.37:1

AA Pass AAA Pass

Text on black

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