#3BAFC4

#3BAFC4

Color Values

HEX

#3BAFC4

RGB

59, 175, 196

HSL

189.2, 53.7%, 50.0%

HSV

189.2, 69.9%, 76.9%

CMYK

69.9%, 10.7%, 0.0%, 23.1%

OKLCH

0.6987 0.105 212.2

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#3BAFC4

#C4503B

Analogous

#3BC494

#3B6BC4

#3BAFC4

Triadic

#3BAFC4

#C43BAF

#AFC43B

Split Complementary

#3BAFC4

#C43B6B

#C4943B

Tetradic

#3BAFC4

#943BC4

#C4503B

#6BC43B

Color Blindness Simulation

Original

#3BAFC4

Protanopia

#6D6EBF

Deuteranopia

#665EBE

Tritanopia

#41BBBA

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8E9EE
300
#A1D9E3
400
#6EC4D3
500
#3BAFC4
600
#2F8C9D
700
#26707D
800
#1E5762
900
#194148
950
#10292D

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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