#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026