#15949B

#15949B

Color Values

HEX

#15949B

RGB

21, 148, 155

HSL

183.1, 76.1%, 34.5%

HSV

183.1, 86.5%, 60.8%

CMYK

86.5%, 4.5%, 0.0%, 39.2%

OKLCH

0.6079 0.0997 201.0

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#15949B

#9B1C15

Analogous

#159B5F

#15519B

#15949B

Triadic

#15949B

#9B1594

#949B15

Split Complementary

#15949B

#9B1551

#9B5F15

Tetradic

#15949B

#5F159B

#9B1C15

#519B15

Color Blindness Simulation

Original

#15949B

Protanopia

#4C4D99

Deuteranopia

#453B99

Tritanopia

#1B9898

Achromatopsia

#7A7A7A

CSS Usage

background-color: #15949B;
color: #15949B;
border-color: #15949B;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FCFC
100
#E2F8F9
200
#C0F4F6
300
#93ECF0
400
#59E1E8
500
#1ED7E1
600
#18ACB4
700
#148990
800
#0F6B70
900
#0F4E52
950
#0A3134

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.74:1

AA Pass 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