#223F6D

#223F6D

Color Values

HEX

#223F6D

RGB

34, 63, 109

HSL

216.8, 52.4%, 28.0%

HSV

216.8, 68.8%, 42.7%

CMYK

68.8%, 42.2%, 0.0%, 57.3%

OKLCH

0.37 0.0869 259.3

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#223F6D

#6D5022

Analogous

#22646D

#2A226D

#223F6D

Triadic

#223F6D

#6D223F

#3F6D22

Split Complementary

#223F6D

#6D2A22

#646D22

Tetradic

#223F6D

#6D2264

#6D5022

#226D2A

Color Blindness Simulation

Original

#223F6D

Protanopia

#2F2F62

Deuteranopia

#2D2B5F

Tritanopia

#235957

Achromatopsia

#3C3C3C

CSS Usage

background-color: #223F6D;
color: #223F6D;
border-color: #223F6D;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F7FB
100
#E5EBF5
200
#C9D7EE
300
#A2BBE2
400
#6F95D2
500
#3D70C2
600
#315A9B
700
#27487C
800
#1E3861
900
#1A2B47
950
#101B2D

Contrast Checker

Text on white

10.5:1

AA Pass AAA Pass

Text on black

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