#12949D

#12949D

Color Values

HEX

#12949D

RGB

18, 148, 157

HSL

183.9, 79.4%, 34.3%

HSV

183.9, 88.5%, 61.6%

CMYK

88.5%, 5.7%, 0.0%, 38.4%

OKLCH

0.6084 0.1006 202.7

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#12949D

#9D1B12

Analogous

#129D60

#124E9D

#12949D

Triadic

#12949D

#9D1294

#949D12

Split Complementary

#12949D

#9D124E

#9D6012

Tetradic

#12949D

#60129D

#9D1B12

#4E9D12

Color Blindness Simulation

Original

#12949D

Protanopia

#4A4B9B

Deuteranopia

#43399A

Tritanopia

#189999

Achromatopsia

#797979

CSS Usage

background-color: #12949D;
color: #12949D;
border-color: #12949D;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BFF4F8
300
#91ECF2
400
#56E2EC
500
#1AD8E5
600
#15ACB7
700
#118A92
800
#0D6C72
900
#0E4F53
950
#093234

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

5.75:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026