#35AACA

#35AACA

Color Values

HEX

#35AACA

RGB

53, 170, 202

HSL

192.9, 58.4%, 50.0%

HSV

192.9, 73.8%, 79.2%

CMYK

73.8%, 15.8%, 0.0%, 20.8%

OKLCH

0.6876 0.1105 220.3

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#35AACA

#CA5535

Analogous

#35CAA0

#355FCA

#35AACA

Triadic

#35AACA

#CA35AA

#AACA35

Split Complementary

#35AACA

#CA355F

#CAA035

Tetradic

#35AACA

#A035CA

#CA5535

#5FCA35

Color Blindness Simulation

Original

#35AACA

Protanopia

#6869C2

Deuteranopia

#6158C0

Tritanopia

#3BBCBB

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E4F2F6
200
#C6E7F0
300
#9ED6E6
400
#6AC0D8
500
#35AACA
600
#2A88A2
700
#226D81
800
#1B5565
900
#173F4A
950
#0F282F

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

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