#2BBCB6

#2BBCB6

Color Values

HEX

#2BBCB6

RGB

43, 188, 182

HSL

177,5, 62,8%, 45,3%

HSV

177,5, 77,1%, 73,7%

CMYK

77,1%, 0,0%, 3,2%, 26,3%

OKLCH

0,722 0,116 190,6

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#2BBCB6

#BC2B31

Analogous

#2BBC6D

#2B7ABC

#2BBCB6

Triadic

#2BBCB6

#B62BBC

#BCB62B

Split Complementary

#2BBCB6

#BC2B7A

#BC6D2B

Tetradic

#2BBCB6

#6D2BBC

#BC2B31

#7ABC2B

Color Blindness Simulation

Original

#2BBCB6

Protanopia

#6A6BB7

Deuteranopia

#6156B8

Tritanopia

#32B9B9

Achromatopsia

#9D9D9D

CSS Usage

background-color: #2BBCB6;
color: #2BBCB6;
border-color: #2BBCB6;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F3FBFB
100
#E4F7F6
200
#C5F2F0
300
#9BE8E5
400
#65DCD7
500
#2FD0C9
600
#26A6A1
700
#1E8581
800
#186864
900
#154C4A
950
#0D302E

Contrast Checker

Text on white

2,34:1

AA Fail AAA Fail

Text on black

8,97: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