#61D1FC

Color Details

HEX
#61D1FC
RGB
rgb(97, 209, 252)
HSL
hsl(197, 96%, 68%)
CMYK
cmyk(62%, 17%, 0%, 1%)
Best text on this color #000000 (CR 12.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #61d1fc
Contrast 12.03:1 AAA
White on #61d1fc
Contrast 1.75:1 Fail
#61d1fc on Black
Contrast 12.03:1 AAA
#61d1fc on White
Contrast 1.75:1 Fail

Tints & Shades

#81dafd
#a0e3fd
#c0edfe
#4ea7ca
#3a7d97
#275465

Complement & Analogous

#fc8b5f
#5f81fc
#5ffcda

Triadic

#fc5fcf
#cffc5f

Monochrome

#275465 #3a7d97 #61d1fc #a0e3fd #c0edfe #dff6fe

Analogous

#5ffcda #8ffde5 #61d1fc #7f9afd #5f81fc #4c67ca

Complementary Mix

#3a7d97 #61d1fc #a0e3fd #fc8b5f #fdb497 #a45a3e

Nearby Colors

#61d1fb
#61d1fd
#61d1ec
#61d20c

Embed #61D1FC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #61D1FC

#61D1FC converts to RGB(97, 209, 252) and HSL(197, 96%, 68%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#61D1FC FAQs

What is the RGB value of #61D1FC?
RGB: 97, 209, 252. Copy as CSS: rgb(97, 209, 252)
Is #61D1FC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #61D1FC?
Complement: #fc8b5f.
Does #61D1FC have good contrast on white or black?
On white: 1.75:1 (Fails AA). On black: 12.03:1 (AAA (normal text)).