#04BBC8

#04BBC8

Color Values

HEX

#04BBC8

RGB

4, 187, 200

HSL

184,0, 96,1%, 40,0%

HSV

184,0, 98,0%, 78,4%

CMYK

98,0%, 6,5%, 0,0%, 21,6%

OKLCH

0,7221 0,1226 203,7

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#04BBC8

#C81104

Analogous

#04C873

#0459C8

#04BBC8

Triadic

#04BBC8

#C804BB

#BBC804

Split Complementary

#04BBC8

#C80459

#C87304

Tetradic

#04BBC8

#7304C8

#C81104

#59C804

Color Blindness Simulation

Original

#04BBC8

Protanopia

#5355C5

Deuteranopia

#493BC4

Tritanopia

#0DC2C2

Achromatopsia

#959595

CSS Usage

background-color: #04BBC8;
color: #04BBC8;
border-color: #04BBC8;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F1FDFE
100
#DFFAFC
200
#B9F9FE
300
#87F5FD
400
#46EFFB
500
#05EAFA
600
#04BBC8
700
#0396A0
800
#02757D
900
#07555A
950
#043639

Contrast Checker

Text on white

2,35:1

AA Fail AAA Fail

Text on black

8,95:1

AA Pass AAA Pass

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