#3AA5AF

#3AA5AF

Color Values

HEX

#3AA5AF

RGB

58, 165, 175

HSL

185.1, 50.2%, 45.7%

HSV

185.1, 66.9%, 68.6%

CMYK

66.9%, 5.7%, 0.0%, 31.4%

OKLCH

0.6658 0.0962 204.0

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#3AA5AF

#AF443A

Analogous

#3AAF7E

#3A6BAF

#3AA5AF

Triadic

#3AA5AF

#AF3AA5

#A5AF3A

Split Complementary

#3AA5AF

#AF3A6B

#AF7E3A

Tetradic

#3AA5AF

#7E3AAF

#AF443A

#6BAF3A

Color Blindness Simulation

Original

#3AA5AF

Protanopia

#6869AD

Deuteranopia

#625AAC

Tritanopia

#3FABAA

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#C9EAED
300
#A3DBE1
400
#71C8D0
500
#3FB5C0
600
#339099
700
#29747B
800
#205A60
900
#1B4346
950
#112A2C

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

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