#35ACBC

#35ACBC

Color Values

HEX

#35ACBC

RGB

53, 172, 188

HSL

187,1, 56,0%, 47,3%

HSV

187,1, 71,8%, 73,7%

CMYK

71,8%, 8,5%, 0,0%, 26,3%

OKLCH

0,6867 0,1042 208,1

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#35ACBC

#BC4535

Analogous

#35BC89

#3569BC

#35ACBC

Triadic

#35ACBC

#BC35AC

#ACBC35

Split Complementary

#35ACBC

#BC3569

#BC8935

Tetradic

#35ACBC

#8935BC

#BC4535

#69BC35

Color Blindness Simulation

Original

#35ACBC

Protanopia

#696AB8

Deuteranopia

#6259B7

Tritanopia

#3BB5B4

Achromatopsia

#949494

CSS Usage

background-color: #35ACBC;
color: #35ACBC;
border-color: #35ACBC;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E5F4F6
200
#C7EBEF
300
#A0DCE4
400
#6CC9D5
500
#38B6C7
600
#2D929F
700
#24747F
800
#1C5B63
900
#184349
950
#0F2A2E

Contrast Checker

Text on white

2,7:1

AA Fail AAA Fail

Text on black

7,78:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026