#74FFE6

#74FFE6

Color Values

HEX

#74FFE6

RGB

116, 255, 230

HSL

169.2, 100.0%, 72.7%

HSV

169.2, 54.5%, 100.0%

CMYK

54.5%, 0.0%, 9.8%, 0.0%

OKLCH

0.916 0.1269 179.7

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#74FFE6

#FF748D

Analogous

#74FFA0

#74D2FF

#74FFE6

Triadic

#74FFE6

#E674FF

#FFE674

Split Complementary

#74FFE6

#FF74D2

#FFA074

Tetradic

#74FFE6

#A074FF

#FF748D

#D2FF74

Color Blindness Simulation

Original

#74FFE6

Protanopia

#B0B1EC

Deuteranopia

#A89EEE

Tritanopia

#7BF1F2

Achromatopsia

#E0E0E0

CSS Usage

background-color: #74FFE6;
color: #74FFE6;
border-color: #74FFE6;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FEFC
100
#DEFCF7
200
#B8FFF2
300
#85FFE9
400
#42FFDD
500
#00FFD1
600
#00CCA7
700
#00A386
800
#008069
900
#055C4C
950
#033A30

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.19:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026