#12949F

#12949F

Color Values

HEX

#12949F

RGB

18, 148, 159

HSL

184.7, 79.7%, 34.7%

HSV

184.7, 88.7%, 62.4%

CMYK

88.7%, 6.9%, 0.0%, 37.6%

OKLCH

0.6092 0.1009 204.4

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#12949F

#9F1D12

Analogous

#129F64

#124D9F

#12949F

Triadic

#12949F

#9F1294

#949F12

Split Complementary

#12949F

#9F124D

#9F6412

Tetradic

#12949F

#64129F

#9F1D12

#4D9F12

Color Blindness Simulation

Original

#12949F

Protanopia

#4A4B9C

Deuteranopia

#43399C

Tritanopia

#189A9A

Achromatopsia

#797979

CSS Usage

background-color: #12949F;
color: #12949F;
border-color: #12949F;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FCFD
100
#E1F7F9
200
#BFF3F8
300
#91EBF3
400
#55E0EC
500
#1AD5E5
600
#15ABB7
700
#118893
800
#0D6B73
900
#0E4E53
950
#093135

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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