#18F4F4

#18F4F4

Color Values

HEX

#18F4F4

RGB

24, 244, 244

HSL

180.0, 90.9%, 52.5%

HSV

180.0, 90.2%, 95.7%

CMYK

90.2%, 0.0%, 0.0%, 4.3%

OKLCH

0.8767 0.1475 194.8

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#18F4F4

#F41818

Analogous

#18F486

#1886F4

#18F4F4

Triadic

#18F4F4

#F418F4

#F4F418

Split Complementary

#18F4F4

#F41886

#F48618

Tetradic

#18F4F4

#8618F4

#F41818

#86F418

Color Blindness Simulation

Original

#18F4F4

Protanopia

#7779F4

Deuteranopia

#6A5AF4

Tritanopia

#23F4F4

Achromatopsia

#C5C5C5

CSS Usage

background-color: #18F4F4;
color: #18F4F4;
border-color: #18F4F4;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BBFCFC
300
#8AF9F9
400
#4BF6F6
500
#0CF3F3
600
#09C3C3
700
#079C9C
800
#067A7A
900
#095858
950
#063838

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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