#299BA1

#299BA1

Color Values

HEX

#299BA1

RGB

41, 155, 161

HSL

183.0, 59.4%, 39.6%

HSV

183.0, 74.5%, 63.1%

CMYK

74.5%, 3.7%, 0.0%, 36.9%

OKLCH

0.6314 0.0973 200.3

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#299BA1

#A12F29

Analogous

#29A16B

#295FA1

#299BA1

Triadic

#299BA1

#A1299B

#9BA129

Split Complementary

#299BA1

#A1295F

#A16B29

Tetradic

#299BA1

#6B29A1

#A12F29

#5FA129

Color Blindness Simulation

Original

#299BA1

Protanopia

#5A5BA0

Deuteranopia

#544B9F

Tritanopia

#2F9E9E

Achromatopsia

#838383

CSS Usage

background-color: #299BA1;
color: #299BA1;
border-color: #299BA1;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFB
100
#E4F5F6
200
#C6EEF1
300
#9DE3E6
400
#69D3D9
500
#34C4CB
600
#299DA3
700
#217D82
800
#1A6266
900
#17484A
950
#0E2D2F

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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