#61ACB4

#61ACB4

Color Values

HEX

#61ACB4

RGB

97, 172, 180

HSL

185.8, 35.6%, 54.3%

HSV

185.8, 46.1%, 70.6%

CMYK

46.1%, 4.4%, 0.0%, 29.4%

OKLCH

0.6989 0.0755 204.5

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#61ACB4

#B46961

Analogous

#61B492

#6182B4

#61ACB4

Triadic

#61ACB4

#B461AC

#ACB461

Split Complementary

#61ACB4

#B46182

#B49261

Tetradic

#61ACB4

#9261B4

#B46961

#82B461

Color Blindness Simulation

Original

#61ACB4

Protanopia

#8182B2

Deuteranopia

#7D78B2

Tritanopia

#65B1B0

Achromatopsia

#9D9D9D

CSS Usage

background-color: #61ACB4;
color: #61ACB4;
border-color: #61ACB4;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CFE6E8
300
#ACD3D8
400
#7FBCC2
500
#52A4AD
600
#42838A
700
#35696F
800
#295256
900
#213D40
950
#152728

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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