#3BAABA

#3BAABA

Color Values

HEX

#3BAABA

RGB

59, 170, 186

HSL

187.6, 51.8%, 48.0%

HSV

187.6, 68.3%, 72.9%

CMYK

68.3%, 8.6%, 0.0%, 27.1%

OKLCH

0.6826 0.1003 208.7

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#3BAABA

#BA4B3B

Analogous

#3BBA8A

#3B6ABA

#3BAABA

Triadic

#3BAABA

#BA3BAA

#AABA3B

Split Complementary

#3BAABA

#BA3B6A

#BA8A3B

Tetradic

#3BAABA

#8A3BBA

#BA4B3B

#6ABA3B

Color Blindness Simulation

Original

#3BAABA

Protanopia

#6B6CB6

Deuteranopia

#655CB5

Tritanopia

#41B3B2

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E9EE
300
#A2D9E2
400
#70C5D2
500
#3DB1C2
600
#318D9B
700
#27717C
800
#1F5861
900
#1A4147
950
#10292D

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

7.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026