#3BBAC4

#3BBAC4

Color Values

HEX

#3BBAC4

RGB

59, 186, 196

HSL

184.4, 53.7%, 50.0%

HSV

184.4, 69.9%, 76.9%

CMYK

69.9%, 5.1%, 0.0%, 23.1%

OKLCH

0.7253 0.1084 202.7

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#3BBAC4

#C4453B

Analogous

#3BC48A

#3B75C4

#3BBAC4

Triadic

#3BBAC4

#C43BBA

#BAC43B

Split Complementary

#3BBAC4

#C43B75

#C48A3B

Tetradic

#3BBAC4

#8A3BC4

#C4453B

#75C43B

Color Blindness Simulation

Original

#3BBAC4

Protanopia

#7273C2

Deuteranopia

#6B61C1

Tritanopia

#41C0BF

Achromatopsia

#A0A0A0

CSS Usage

background-color: #3BBAC4;
color: #3BBAC4;
border-color: #3BBAC4;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C8ECEE
300
#A1DEE3
400
#6ECCD3
500
#3BBAC4
600
#2F959D
700
#26777D
800
#1E5D62
900
#194448
950
#102B2D

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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