#74F1BB

#74F1BB

Color Values

HEX

#74F1BB

RGB

116, 241, 187

HSL

154.1, 81.7%, 70.0%

HSV

154.1, 51.9%, 94.5%

CMYK

51.9%, 0.0%, 22.4%, 5.5%

OKLCH

0.872 0.1367 163.0

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#74F1BB

#F174AA

Analogous

#74F17D

#74E8F1

#74F1BB

Triadic

#74F1BB

#BB74F1

#F1BB74

Split Complementary

#74F1BB

#F174E8

#F17D74

Tetradic

#74F1BB

#7D74F1

#F174AA

#E8F174

Color Blindness Simulation

Original

#74F1BB

Protanopia

#AAABC8

Deuteranopia

#A39ACB

Tritanopia

#7AD2D5

Achromatopsia

#D3D3D3

CSS Usage

background-color: #74F1BB;
color: #74F1BB;
border-color: #74F1BB;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDF8
100
#E1FAEF
200
#BEF8DF
300
#90F4C9
400
#54EEAB
500
#17E88E
600
#13B971
700
#0F945B
800
#0C7447
900
#0D5435
950
#083522

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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