#223841

#223841

Color Values

HEX

#223841

RGB

34, 56, 65

HSL

197.4, 31.3%, 19.4%

HSV

197.4, 47.7%, 25.5%

CMYK

47.7%, 13.8%, 0.0%, 74.5%

OKLCH

0.3263 0.032 225.7

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#223841

#412B22

Analogous

#22413A

#222841

#223841

Triadic

#223841

#412238

#384122

Split Complementary

#223841

#412228

#413A22

Tetradic

#223841

#3A2241

#412B22

#284122

Color Blindness Simulation

Original

#223841

Protanopia

#2C2C3F

Deuteranopia

#2A293E

Tritanopia

#233D3D

Achromatopsia

#343434

CSS Usage

background-color: #223841;
color: #223841;
border-color: #223841;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0E0E6
300
#AFCAD5
400
#83ADBE
500
#5890A7
600
#467386
700
#385C6B
800
#2C4854
900
#23363E
950
#162227

Contrast Checker

Text on white

12.28:1

AA Pass AAA Pass

Text on black

1.71:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026