#1B393D

#1B393D

Color Values

HEX

#1B393D

RGB

27, 57, 61

HSL

187.1, 38.6%, 17.3%

HSV

187.1, 55.7%, 23.9%

CMYK

55.7%, 6.6%, 0.0%, 76.1%

OKLCH

0.3232 0.0365 206.7

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#1B393D

#3D1F1B

Analogous

#1B3D30

#1B283D

#1B393D

Triadic

#1B393D

#3D1B39

#393D1B

Split Complementary

#1B393D

#3D1B28

#3D301B

Tetradic

#1B393D

#301B3D

#3D1F1B

#283D1B

Color Blindness Simulation

Original

#1B393D

Protanopia

#28283C

Deuteranopia

#26243C

Tritanopia

#1C3B3B

Achromatopsia

#333333

CSS Usage

background-color: #1B393D;
color: #1B393D;
border-color: #1B393D;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CEE6E9
300
#AAD4D9
400
#7CBCC5
500
#4EA5B1
600
#3F848D
700
#326A71
800
#275358
900
#203D41
950
#142729

Contrast Checker

Text on white

12.36:1

AA Pass AAA Pass

Text on black

1.7:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

二月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

二月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

二月 19, 2026