#2D829F

#2D829F

Color Values

HEX

#2D829F

RGB

45, 130, 159

HSL

195.3, 55.9%, 40.0%

HSV

195.3, 71.7%, 62.4%

CMYK

71.7%, 18.2%, 0.0%, 37.6%

OKLCH

0.5688 0.0908 224.7

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#2D829F

#9F4A2D

Analogous

#2D9F83

#2D499F

#2D829F

Triadic

#2D829F

#9F2D82

#829F2D

Split Complementary

#2D829F

#9F2D49

#9F832D

Tetradic

#2D829F

#832D9F

#9F4A2D

#499F2D

Color Blindness Simulation

Original

#2D829F

Protanopia

#525398

Deuteranopia

#4D4696

Tritanopia

#319291

Achromatopsia

#727272

CSS Usage

background-color: #2D829F;
color: #2D829F;
border-color: #2D829F;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FB
100
#E5F1F6
200
#C7E5EF
300
#A0D3E4
400
#6CBAD5
500
#38A2C7
600
#2D829F
700
#24687F
800
#1C5163
900
#183C49
950
#0F262E

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026