#1BE4CC

#1BE4CC

Color Values

HEX

#1BE4CC

RGB

27, 228, 204

HSL

172.8, 78.8%, 50.0%

HSV

172.8, 88.2%, 89.4%

CMYK

88.2%, 0.0%, 10.5%, 10.6%

OKLCH

0.8256 0.1453 181.5

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#1BE4CC

#E41B33

Analogous

#1BE467

#1B98E4

#1BE4CC

Triadic

#1BE4CC

#CC1BE4

#E4CC1B

Split Complementary

#1BE4CC

#E41B98

#E4671B

Tetradic

#1BE4CC

#671BE4

#E41B33

#98E41B

Color Blindness Simulation

Original

#1BE4CC

Protanopia

#7274D2

Deuteranopia

#6657D3

Tritanopia

#25D6D7

Achromatopsia

#B8B8B8

CSS Usage

background-color: #1BE4CC;
color: #1BE4CC;
border-color: #1BE4CC;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F2FCFB
100
#E1F9F6
200
#BFF7F1
300
#92F2E6
400
#56EBD9
500
#1BE4CC
600
#16B6A3
700
#119282
800
#0E7266
900
#0E534B
950
#09342F

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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