Skip to content

#a0fff7

a light, electric cyan · cool · closest name: turquoise

RGB
160, 255, 247
HSL
175°, 100%, 81%
CMYK
37, 0, 3, 0
Luminance
0.8571

Every format

HEX#a0fff7
RGBrgb(160, 255, 247)
HSLhsl(175, 100%, 81%)
CMYKcmyk(37%, 0%, 3%, 0%)
LABlab(94.2 -29.9 -5.1)
LCHlch(94.2 30.3 189.6)
OKLCHoklch(0.939 0.091 188.9)

Copy-ready code

/* CSS */
color: #a0fff7;
background-color: #a0fff7;
/* Tailwind (arbitrary) */
class="text-[#a0fff7] bg-[#a0fff7]"
/* SCSS */
$brand: #a0fff7;
/* SwiftUI */
Color(red: 0.627, green: 1.000, blue: 0.969)
/* Android */
Color.parseColor("#a0fff7")

Accessibility — WCAG contrast

Aa
#a0fff7 on white: 1.16:1
AA ✗ fail · AA-large · AAA
Aa
#a0fff7 on black: 18.14:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red62.7%
Green100.0%
Blue96.9%

CMYK percentages

Cyan37.3%
Magenta0.0%
Yellow3.1%
Key (black)0.0%

Color previews

#a0fff7 text on a black background

contrast 18.14:1

Card sample

#a0fff7 text on a white background

contrast 1.16:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #a0fff7;
Background color
Panel with #a0fff7 background
background-color: #a0fff7;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #a0fff7;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(160, 255, 247, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(160, 255, 247, 0.45);
Border & gradient
Gradient panel
border: 3px solid #a0fff7;
background: linear-gradient(135deg, #a0fff7, #A0C8FF);

Monochromatic scale

Palettes built from #a0fff7

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Work with #a0fff7 in the Color Lab