#30ADB7

#30ADB7

Color Values

HEX

#30ADB7

RGB

48, 173, 183

HSL

184.4, 58.4%, 45.3%

HSV

184.4, 73.8%, 71.8%

CMYK

73.8%, 5.5%, 0.0%, 28.2%

OKLCH

0.6862 0.1054 203.0

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#30ADB7

#B73A30

Analogous

#30B77D

#306AB7

#30ADB7

Triadic

#30ADB7

#B730AD

#ADB730

Split Complementary

#30ADB7

#B7306A

#B77D30

Tetradic

#30ADB7

#7D30B7

#B73A30

#6AB730

Color Blindness Simulation

Original

#30ADB7

Protanopia

#6667B5

Deuteranopia

#5F56B4

Tritanopia

#36B3B2

Achromatopsia

#939393

CSS Usage

background-color: #30ADB7;
color: #30ADB7;
border-color: #30ADB7;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FBFB
100
#E4F5F6
200
#C6EDF0
300
#9EE0E6
400
#6AD0D8
500
#35BFCA
600
#2A99A2
700
#227A81
800
#1B6065
900
#17464A
950
#0F2C2F

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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