#2BA7D4

#2BA7D4

Color Values

HEX

#2BA7D4

RGB

43, 167, 212

HSL

196.0, 66.3%, 50.0%

HSV

196.0, 79.7%, 83.1%

CMYK

79.7%, 21.2%, 0.0%, 16.9%

OKLCH

0.6828 0.122 228.0

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#2BA7D4

#D4582B

Analogous

#2BD4AD

#2B52D4

#2BA7D4

Triadic

#2BA7D4

#D42BA7

#A7D42B

Split Complementary

#2BA7D4

#D42B52

#D4AD2B

Tetradic

#2BA7D4

#AD2BD4

#D4582B

#52D42B

Color Blindness Simulation

Original

#2BA7D4

Protanopia

#6162C9

Deuteranopia

#5A50C6

Tritanopia

#31C1BF

Achromatopsia

#909090

CSS Usage

background-color: #2BA7D4;
color: #2BA7D4;
border-color: #2BA7D4;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3F9FC
100
#E3F2F7
200
#C4E6F3
300
#99D5EA
400
#62BEDF
500
#2BA7D4
600
#2286AA
700
#1B6B88
800
#15536A
900
#143E4D
950
#0C2731

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.58:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026