#12626B

#12626B

Color Values

HEX

#12626B

RGB

18, 98, 107

HSL

186.1, 71.2%, 24.5%

HSV

186.1, 83.2%, 42.0%

CMYK

83.2%, 8.4%, 0.0%, 58.0%

OKLCH

0.4555 0.0727 206.6

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#12626B

#6B1B12

Analogous

#126B48

#12356B

#12626B

Triadic

#12626B

#6B1262

#626B12

Split Complementary

#12626B

#6B1235

#6B4812

Tetradic

#12626B

#48126B

#6B1B12

#356B12

Color Blindness Simulation

Original

#12626B

Protanopia

#353569

Deuteranopia

#302A68

Tritanopia

#166767

Achromatopsia

#525252

CSS Usage

background-color: #12626B;
color: #12626B;
border-color: #12626B;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F3FBFC
100
#E2F6F8
200
#C2F0F5
300
#96E5ED
400
#5DD6E4
500
#25C8DA
600
#1DA0AF
700
#18808C
800
#12646D
900
#11494F
950
#0B2E32

Contrast Checker

Text on white

7.03:1

AA Pass AAA Pass

Text on black

2.99:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026