#1B2F56

#1B2F56

Color Values

HEX

#1B2F56

RGB

27, 47, 86

HSL

219.7, 52.2%, 22.2%

HSV

219.7, 68.6%, 33.7%

CMYK

68.6%, 45.3%, 0.0%, 66.3%

OKLCH

0.3106 0.0749 262.4

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#1B2F56

#56421B

Analogous

#1B4D56

#251B56

#1B2F56

Triadic

#1B2F56

#561B2F

#2F561B

Split Complementary

#1B2F56

#56251B

#4D561B

Tetradic

#1B2F56

#561B4D

#56421B

#1B5625

Color Blindness Simulation

Original

#1B2F56

Protanopia

#24244D

Deuteranopia

#22214A

Tritanopia

#1C4543

Achromatopsia

#2E2E2E

CSS Usage

background-color: #1B2F56;
color: #1B2F56;
border-color: #1B2F56;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C9D5EE
300
#A2B7E2
400
#6F91D2
500
#3D6AC2
600
#31559B
700
#27447C
800
#1E3561
900
#1A2947
950
#101A2D

Contrast Checker

Text on white

13.23:1

AA Pass AAA Pass

Text on black

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