#299DAE

#299DAE

Color Values

HEX

#299DAE

RGB

41, 157, 174

HSL

187.7, 61.9%, 42.2%

HSV

187.7, 76.4%, 68.2%

CMYK

76.4%, 9.8%, 0.0%, 31.8%

OKLCH

0.6415 0.1008 209.6

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#299DAE

#AE3A29

Analogous

#29AE7D

#295BAE

#299DAE

Triadic

#299DAE

#AE299D

#9DAE29

Split Complementary

#299DAE

#AE295B

#AE7D29

Tetradic

#299DAE

#7D29AE

#AE3A29

#5BAE29

Color Blindness Simulation

Original

#299DAE

Protanopia

#5B5CAA

Deuteranopia

#544CA9

Tritanopia

#2FA7A6

Achromatopsia

#868686

CSS Usage

background-color: #299DAE;
color: #299DAE;
border-color: #299DAE;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FAFB
100
#E4F4F7
200
#C5ECF1
300
#9CDEE8
400
#66CCDB
500
#31BACE
600
#2795A5
700
#1F7784
800
#185D67
900
#15454B
950
#0E2B30

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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