#299CD6

#299CD6

Color Values

HEX

#299CD6

RGB

41, 156, 214

HSL

200.1, 67.8%, 50.0%

HSV

200.1, 80.8%, 83.9%

CMYK

80.8%, 27.1%, 0.0%, 16.1%

OKLCH

0.6573 0.1299 236.5

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#299CD6

#D66329

Analogous

#29D6B9

#2946D6

#299CD6

Triadic

#299CD6

#D6299C

#9CD629

Split Complementary

#299CD6

#D62946

#D6B929

Tetradic

#299CD6

#B929D6

#D66329

#46D629

Color Blindness Simulation

Original

#299CD6

Protanopia

#5B5CC8

Deuteranopia

#544CC5

Tritanopia

#2FBDBA

Achromatopsia

#888888

CSS Usage

background-color: #299CD6;
color: #299CD6;
border-color: #299CD6;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F9FC
100
#E3F1F7
200
#C3E3F4
300
#98CFEB
400
#61B6E1
500
#299CD6
600
#217DAB
700
#1A6489
800
#154E6B
900
#133A4E
950
#0C2531

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

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