#60F7FB

#60F7FB

Color Values

HEX

#60F7FB

RGB

96, 247, 251

HSL

181.5, 95.1%, 68.0%

HSV

181.5, 61.8%, 98.4%

CMYK

61.8%, 1.6%, 0.0%, 1.6%

OKLCH

0.898 0.1267 197.6

Properties

Cool Light Nearest: turquoise 1

Color Harmonies

Complementary

#60F7FB

#FB6460

Analogous

#60FBB1

#60AAFB

#60F7FB

Triadic

#60F7FB

#FB60F7

#F7FB60

Split Complementary

#60F7FB

#FB60AA

#FBB160

Tetradic

#60F7FB

#B160FB

#FB6460

#AAFB60

Color Blindness Simulation

Original

#60F7FB

Protanopia

#A1A3FA

Deuteranopia

#998DFA

Tritanopia

#68F9F9

Achromatopsia

#D7D7D7

CSS Usage

background-color: #60F7FB;
color: #60F7FB;
border-color: #60F7FB;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FDFE
100
#DFFBFC
200
#B9FCFD
300
#88F9FC
400
#47F6FA
500
#06F3F9
600
#05C2C7
700
#049B9F
800
#03797C
900
#07585A
950
#043739

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.19:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026