#46B3C2

#46B3C2

Color Values

HEX

#46B3C2

RGB

70, 179, 194

HSL

187.3, 50.4%, 51.8%

HSV

187.3, 63.9%, 76.1%

CMYK

63.9%, 7.7%, 0.0%, 23.9%

OKLCH

0.7106 0.0999 207.8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#46B3C2

#C25546

Analogous

#46C293

#4675C2

#46B3C2

Triadic

#46B3C2

#C246B3

#B3C246

Split Complementary

#46B3C2

#C24675

#C29346

Tetradic

#46B3C2

#9346C2

#C25546

#75C246

Color Blindness Simulation

Original

#46B3C2

Protanopia

#7576BE

Deuteranopia

#6F67BD

Tritanopia

#4BBCBB

Achromatopsia

#9D9D9D

CSS Usage

background-color: #46B3C2;
color: #46B3C2;
border-color: #46B3C2;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#C9E9ED
300
#A3D9E1
400
#71C5D0
500
#3FB0C0
600
#338D99
700
#28717B
800
#205860
900
#1A4146
950
#11292C

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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