#049BA0

#049BA0

Color Values

HEX

#049BA0

RGB

4, 155, 160

HSL

181.9, 95.1%, 32.2%

HSV

181.9, 97.5%, 62.7%

CMYK

97.5%, 3.1%, 0.0%, 37.3%

OKLCH

0.6264 0.1059 198.9

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#049BA0

#A00904

Analogous

#04A057

#044DA0

#049BA0

Triadic

#049BA0

#A0049B

#9BA004

Split Complementary

#049BA0

#A0044D

#A05704

Tetradic

#049BA0

#5704A0

#A00904

#4DA004

Color Blindness Simulation

Original

#049BA0

Protanopia

#45479F

Deuteranopia

#3D319E

Tritanopia

#0C9E9E

Achromatopsia

#7B7B7B

CSS Usage

background-color: #049BA0;
color: #049BA0;
border-color: #049BA0;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FDFE
100
#DFFBFC
200
#B9FBFD
300
#88F8FC
400
#47F5FA
500
#06F1F9
600
#05C1C7
700
#049A9F
800
#03797C
900
#07575A
950
#043739

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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