#30FCFF

#30FCFF

Color Values

HEX

#30FCFF

RGB

48, 252, 255

HSL

180.9, 100.0%, 59.4%

HSV

180.9, 81.2%, 100.0%

CMYK

81.2%, 1.2%, 0.0%, 0.0%

OKLCH

0.9015 0.1469 196.5

Properties

Cool Light Nearest: cyan

Color Harmonies

Complementary

#30FCFF

#FF3330

Analogous

#30FF9B

#3094FF

#30FCFF

Triadic

#30FCFF

#FF30FC

#FCFF30

Split Complementary

#30FCFF

#FF3094

#FF9B30

Tetradic

#30FCFF

#9B30FF

#FF3330

#94FF30

Color Blindness Simulation

Original

#30FCFF

Protanopia

#888AFE

Deuteranopia

#7C6DFE

Tritanopia

#3AFEFE

Achromatopsia

#D1D1D1

CSS Usage

background-color: #30FCFF;
color: #30FCFF;
border-color: #30FCFF;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FEFE
100
#DEFCFC
200
#B8FEFF
300
#85FDFF
400
#42FCFF
500
#00FBFF
600
#00C9CC
700
#00A1A3
800
#007E80
900
#055B5C
950
#03393A

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

16.49:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026