#61AFBA

#61AFBA

Color Values

HEX

#61AFBA

RGB

97, 175, 186

HSL

187,4, 39,2%, 55,5%

HSV

187,4, 47,8%, 72,9%

CMYK

47,8%, 5,9%, 0,0%, 27,1%

OKLCH

0,7082 0,0785 207,3

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#61AFBA

#BA6C61

Analogous

#61BA98

#6183BA

#61AFBA

Triadic

#61AFBA

#BA61AF

#AFBA61

Split Complementary

#61AFBA

#BA6183

#BA9861

Tetradic

#61AFBA

#9861BA

#BA6C61

#83BA61

Color Blindness Simulation

Original

#61AFBA

Protanopia

#8383B7

Deuteranopia

#7E78B7

Tritanopia

#65B5B5

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6E9
300
#AAD4DA
400
#7CBDC6
500
#4EA5B1
600
#3E848E
700
#326A72
800
#275359
900
#1F3D42
950
#142729

Contrast Checker

Text on white

2,52:1

AA Fail AAA Fail

Text on black

8,35: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