#61BAF4

#61BAF4

Color Values

HEX

#61BAF4

RGB

97, 186, 244

HSL

203.7, 87.0%, 66.9%

HSV

203.7, 60.2%, 95.7%

CMYK

60.2%, 23.8%, 0.0%, 4.3%

OKLCH

0.7571 0.1197 239.6

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#61BAF4

#F49B61

Analogous

#61F4E5

#6171F4

#61BAF4

Triadic

#61BAF4

#F461BA

#BAF461

Split Complementary

#61BAF4

#F46171

#F4E561

Tetradic

#61BAF4

#E561F4

#F49B61

#71F461

Color Blindness Simulation

Original

#61BAF4

Protanopia

#8888E6

Deuteranopia

#827CE3

Tritanopia

#65DBD8

Achromatopsia

#ABABAB

CSS Usage

background-color: #61BAF4;
color: #61BAF4;
border-color: #61BAF4;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2F9FD
100
#E0F0FA
200
#BCE2FA
300
#8DCDF7
400
#4FB2F3
500
#1197EE
600
#0D79BF
700
#0B6199
800
#084B77
900
#0B3856
950
#072437

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

9.84:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026