#1B656F

#1B656F

Color Values

HEX

#1B656F

RGB

27, 101, 111

HSL

187.1, 60.9%, 27.1%

HSV

187.1, 75.7%, 43.5%

CMYK

75.7%, 9.0%, 0.0%, 56.5%

OKLCH

0.4674 0.0711 208.2

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#1B656F

#6F251B

Analogous

#1B6F4F

#1B3B6F

#1B656F

Triadic

#1B656F

#6F1B65

#656F1B

Split Complementary

#1B656F

#6F1B3B

#6F4F1B

Tetradic

#1B656F

#4F1B6F

#6F251B

#3B6F1B

Color Blindness Simulation

Original

#1B656F

Protanopia

#3B3C6D

Deuteranopia

#37316C

Tritanopia

#1F6B6A

Achromatopsia

#565656

CSS Usage

background-color: #1B656F;
color: #1B656F;
border-color: #1B656F;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C6ECF1
300
#9DDEE7
400
#67CDDA
500
#32BBCD
600
#2895A4
700
#207883
800
#195D67
900
#16454B
950
#0E2B2F

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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