Maroon Colors  ·  Color Library

Palettes / Colors / #98EBFB

#98EBFB — Light Vivid Teal

#98EBFB is a teal color we call Light Vivid Teal, closest to the named color PaleTurquoise (#AFEEEE). It belongs to the teal family.

#98EBFB is a cool teal color associated with freshness, clarity and balance. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #FBA898; it also sits naturally between #98FBDA and #98B9FB. In the palettes below you can see it working alongside real color combinations from our collection.

#98EBFB · RGB 152, 235, 251

Download PNG swatch SVG

Color values

HEX#98EBFB
RGB152, 235, 251
HSL190°, 93%, 79%
HSV190°, 39%, 98%
CMYK39%, 6%, 0%, 2%
XYZ60.07, 73.06, 102.20
Yxy73.06, 0.2553, 0.3104
CIE-Lab88.47, -21.24, -15.69
Hunter Lab85.47, -19.88, -16.32

RGB & CMYK percentages

Red 60% · Green 92% · Blue 98%

Cyan 39% · Magenta 6% · Yellow 0% · Key 2%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #98EBFB on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #98EBFB on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #98EBFB

.text { color: #98EBFB; }
.background { background-color: #98EBFB; }
.border { border: 3px solid #98EBFB; }
.text-rgb { color: rgb(152, 235, 251); }
.text-hsl { color: hsl(190, 93%, 79%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #98EBFB; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(152, 235, 251, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #98EBFB; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(152, 235, 251, 0.8); }

HTML: <p style="color:#98EBFB">Text here</p> · <div style="background-color:#98EBFB">Div content here</div>

Shades of #98EBFB

#75E4FA#4EDCF9#2BD5F7#09CAF1#07AECF#068CA7#057085#034E5E#02323B#011114

Tints of #98EBFB

#A1EDFC#A6EEFC#B0EFFC#BAF1FD#C4F3FD#C9F4FD#D3F6FD#DDF8FE#E1F9FE#EBFBFE

Tones of #98EBFB

#9FE6F4#A6E1ED#ADDCE6#B4D8DF#BBD3D8#C2CED0

Color harmonies

Complementary — #FBA898:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.35:1 Fails
Against black text15.61:1 AAA

Best text color on #98EBFB: #000000.

How #98EBFB looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #BCBDF7Deuteranopia · #B7B1F6Tritanopia · #9CF4F3

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap light · #F8F9FAMaterial Grey 500 · #9E9E9ETailwind blue 500 · #3B82F6

Palettes with a similar color

These palettes use a close neighbour of #98EBFB rather than the exact color:

Palette C5fff8
#C5FFF8 · #96EFFF · #5FBDFF · #7B66FF
Palette 30afff
#30AFFF · #92EEFF · #D8FFC5 · #C4F7CA
Palette B6fffa
#B6FFFA · #98E4FF · #80B3FF · #687EFF
Palette A1eafb
#A1EAFB · #FDFDFD · #FFCEF3 · #CABBE9
Palette 00a9ff
#00A9FF · #89CFF3 · #A0E9FF · #CDF5FD
Wild Summit
#A3B515 · #58E72E · #6DEEA5 · #9FECF4

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#96EFFF#92EEFF#98E4FF#A1EAFB#A0E9FF#9FECF4#91F3FC#A1E3F9#92EAEF#97E2F1#A4EBF3#8CE4FF

Browse neighbouring colors

← #98EBFA  ·  #98EBFC →

Frequently asked questions

What color is #98EBFB?

#98EBFB is Light Vivid Teal, a teal color (RGB 152, 235, 251). Its closest standard named color is PaleTurquoise.

What is the RGB and HSL of #98EBFB?

#98EBFB is RGB 152, 235, 251 — HSL 190°, 93%, 79% — CMYK 39%, 6%, 0%, 2%.

What colors go with #98EBFB?

Its complement is #FBA898; analogous partners are #98FBDA and #98B9FB. It also appears in 6+ palettes in our collection.

Can I use #98EBFB for text?

Black text on #98EBFB has a contrast ratio of 15.61:1 (passes WCAG AA); white text gives 1.35:1.