#04EDFB

#04EDFB

Color Values

HEX

#04EDFB

RGB

4, 237, 251

HSL

183.4, 96.9%, 50.0%

HSV

183.4, 98.4%, 98.4%

CMYK

98.4%, 5.6%, 0.0%, 1.6%

OKLCH

0.8617 0.1464 202.4

Properties

Cool Light Nearest: turquoise 1

Color Harmonies

Complementary

#04EDFB

#FB1204

Analogous

#04FB8E

#0471FB

#04EDFB

Triadic

#04EDFB

#FB04ED

#EDFB04

Split Complementary

#04EDFB

#FB0471

#FB8E04

Tetradic

#04EDFB

#8E04FB

#FB1204

#71FB04

Color Blindness Simulation

Original

#04EDFB

Protanopia

#696BF8

Deuteranopia

#5B4AF7

Tritanopia

#10F5F4

Achromatopsia

#BCBCBC

CSS Usage

background-color: #04EDFB;
color: #04EDFB;
border-color: #04EDFB;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FDFE
100
#DEFAFC
200
#B9FAFE
300
#86F6FD
400
#45F2FC
500
#04EDFB
600
#03BEC9
700
#0398A1
800
#02777E
900
#06565B
950
#043639

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.51:1

AA Pass AAA Pass

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