#2C359B

#2C359B

Color Values

HEX

#2C359B

RGB

44, 53, 155

HSL

235,1, 55,8%, 39,0%

HSV

235,1, 71,6%, 60,8%

CMYK

71,6%, 65,8%, 0,0%, 39,2%

OKLCH

0,3919 0,1637 272,3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#2C359B

#9B922C

Analogous

#2C6D9B

#5A2C9B

#2C359B

Triadic

#2C359B

#9B2C35

#359B2C

Split Complementary

#2C359B

#9B5A2C

#6D9B2C

Tetradic

#2C359B

#9B2C6D

#9B922C

#2C9B5A

Color Blindness Simulation

Original

#2C359B

Protanopia

#303082

Deuteranopia

#2F2F7C

Tritanopia

#2C6F6B

Achromatopsia

#3A3A3A

CSS Usage

background-color: #2C359B;
color: #2C359B;
border-color: #2C359B;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E5E6F6
200
#C7CBEF
300
#A0A5E4
400
#6C75D5
500
#3844C7
600
#2D369F
700
#242C7F
800
#1C2263
900
#181C49
950
#0F122E

Contrast Checker

Text on white

10,05:1

AA Pass AAA Pass

Text on black

2,09: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