#46DCDB

#46DCDB

Color Values

HEX

#46DCDB

RGB

70, 220, 219

HSL

179.6, 68.2%, 56.9%

HSV

179.6, 68.2%, 86.3%

CMYK

68.2%, 0.0%, 0.5%, 13.7%

OKLCH

0.8176 0.1231 194.4

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#46DCDB

#DC4647

Analogous

#46DC90

#4692DC

#46DCDB

Triadic

#46DCDB

#DB46DC

#DCDB46

Split Complementary

#46DCDB

#DC4692

#DC9046

Tetradic

#46DCDB

#9046DC

#DC4647

#92DC46

Color Blindness Simulation

Original

#46DCDB

Protanopia

#8788DB

Deuteranopia

#7E73DB

Tritanopia

#4EDBDB

Achromatopsia

#BCBCBC

CSS Usage

background-color: #46DCDB;
color: #46DCDB;
border-color: #46DCDB;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F4F3
300
#98ECEB
400
#60E1E0
500
#29D6D5
600
#20ACAB
700
#1A8989
800
#146B6B
900
#134E4E
950
#0C3131

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026