#279DA4

#279DA4

Color Values

HEX

#279DA4

RGB

39, 157, 164

HSL

183.4, 61.6%, 39.8%

HSV

183.4, 76.2%, 64.3%

CMYK

76.2%, 4.3%, 0.0%, 35.7%

OKLCH

0.6372 0.0993 201.0

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#279DA4

#A42E27

Analogous

#27A46D

#275EA4

#279DA4

Triadic

#279DA4

#A4279D

#9DA427

Split Complementary

#279DA4

#A4275E

#A46D27

Tetradic

#279DA4

#6D27A4

#A42E27

#5EA427

Color Blindness Simulation

Original

#279DA4

Protanopia

#5A5BA2

Deuteranopia

#534AA2

Tritanopia

#2DA1A1

Achromatopsia

#848484

CSS Usage

background-color: #279DA4;
color: #279DA4;
border-color: #279DA4;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFB
100
#E4F5F6
200
#C5EFF1
300
#9CE3E7
400
#67D4DB
500
#31C5CE
600
#279EA5
700
#1F7E84
800
#186367
900
#16484B
950
#0E2E30

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

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