#55BBC5

#55BBC5

Color Values

HEX

#55BBC5

RGB

85, 187, 197

HSL

185.4, 49.1%, 55.3%

HSV

185.4, 56.9%, 77.3%

CMYK

56.9%, 5.1%, 0.0%, 22.7%

OKLCH

0.7357 0.0952 204.0

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#55BBC5

#C55F55

Analogous

#55C597

#5583C5

#55BBC5

Triadic

#55BBC5

#C555BB

#BBC555

Split Complementary

#55BBC5

#C55583

#C59755

Tetradic

#55BBC5

#9755C5

#C55F55

#83C555

Color Blindness Simulation

Original

#55BBC5

Protanopia

#8182C3

Deuteranopia

#7B74C2

Tritanopia

#5AC1C0

Achromatopsia

#A6A6A6

CSS Usage

background-color: #55BBC5;
color: #55BBC5;
border-color: #55BBC5;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#CAEAED
300
#A4DAE0
400
#72C7CF
500
#41B3BE
600
#348F98
700
#2A727A
800
#20595F
900
#1B4246
950
#112A2C

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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