#46AF9B

#46AF9B

Color Values

HEX

#46AF9B

RGB

70, 175, 155

HSL

168.6, 42.9%, 48.0%

HSV

168.6, 60.0%, 68.6%

CMYK

60.0%, 0.0%, 11.4%, 31.4%

OKLCH

0.6874 0.1012 178.4

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#46AF9B

#AF465A

Analogous

#46AF66

#468EAF

#46AF9B

Triadic

#46AF9B

#9B46AF

#AF9B46

Split Complementary

#46AF9B

#AF468E

#AF6646

Tetradic

#46AF9B

#6646AF

#AF465A

#8EAF46

Color Blindness Simulation

Original

#46AF9B

Protanopia

#7374A0

Deuteranopia

#6D66A1

Tritanopia

#4BA4A4

Achromatopsia

#979797

CSS Usage

background-color: #46AF9B;
color: #46AF9B;
border-color: #46AF9B;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF9
100
#E7F4F1
200
#CCEBE5
300
#A8DCD2
400
#78C9BA
500
#49B6A1
600
#3A9281
700
#2F7567
800
#245B51
900
#1E433C
950
#132A26

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

7.87:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026