#2AB7D5

#2AB7D5

Color Values

HEX

#2AB7D5

RGB

42, 183, 213

HSL

190,5, 67,1%, 50,0%

HSV

190,5, 80,3%, 83,5%

CMYK

80,3%, 14,1%, 0,0%, 16,5%

OKLCH

0,7213 0,1197 216,4

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#2AB7D5

#D5482A

Analogous

#2AD59D

#2A62D5

#2AB7D5

Triadic

#2AB7D5

#D52AB7

#B7D52A

Split Complementary

#2AB7D5

#D52A62

#D59D2A

Tetradic

#2AB7D5

#9D2AD5

#D5482A

#62D52A

Color Blindness Simulation

Original

#2AB7D5

Protanopia

#6768CE

Deuteranopia

#5F54CC

Tritanopia

#31C8C7

Achromatopsia

#9B9B9B

CSS Usage

background-color: #2AB7D5;
color: #2AB7D5;
border-color: #2AB7D5;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FAFC
100
#E3F4F7
200
#C3EBF3
300
#99DCEB
400
#61CAE0
500
#2AB7D5
600
#2292AA
700
#1B7588
800
#155C6B
900
#13434E
950
#0C2B31

Contrast Checker

Text on white

2,38:1

AA Fail AAA Fail

Text on black

8,83:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026