#3DAFC2

#3DAFC2

Color Values

HEX

#3DAFC2

RGB

61, 175, 194

HSL

188.6, 52.2%, 50.0%

HSV

188.6, 68.6%, 76.1%

CMYK

68.6%, 9.8%, 0.0%, 23.9%

OKLCH

0.6984 0.1033 210.8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#3DAFC2

#C2503D

Analogous

#3DC293

#3D6CC2

#3DAFC2

Triadic

#3DAFC2

#C23DAF

#AFC23D

Split Complementary

#3DAFC2

#C23D6C

#C2933D

Tetradic

#3DAFC2

#933DC2

#C2503D

#6CC23D

Color Blindness Simulation

Original

#3DAFC2

Protanopia

#6E6FBD

Deuteranopia

#685FBC

Tritanopia

#43BAB9

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E9EE
300
#A2D9E2
400
#6FC4D2
500
#3DAFC2
600
#318C9B
700
#27707C
800
#1E5761
900
#1A4147
950
#10292D

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

8.11:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026