Very pale blue to HSL

Color Code

#d6fffe
Format Value
HEX #d6fffe
RGB rgb(214, 255, 254)
HSL hsl(178.5, 100%, 92%)
CMYK cmyk(16.1%, 0%, 0.4%, 0%)
HSV hsv(178.5, 16.1%, 100%)

very pale blue color harmonies

Tints & shades of very pale blue

Tints (lighter)

#dafffe #ddfffe #e1fffe #e5fffe #e9fffe #ecffff #f0ffff #f4ffff #f8ffff #fbffff

Shades (darker)

#c3e8e7 #afd1d0 #9cb9b9 #88a2a2 #758b8b #617473 #4e5d5c #3a4645 #272e2e #131717

Contrast & accessibility

The quick brown fox

On white · 1.07:1 · Fail

The quick brown fox

On black · 19.59:1 · AAA

Recommended text color: #000000

Use very pale blue in code

CSS color: #d6fffe;
SCSS $color: #d6fffe;
Tailwind bg-[#d6fffe]
Swift UIColor(red: 0.839, green: 1.000, blue: 0.996, alpha: 1)
Android Color.parseColor("#d6fffe")
Flutter Color(0xFFD6FFFE)

Colors similar to very pale blue

Browse all Cyan colors →

What is the HSL code for very pale blue?

The CSS color very pale blue in HSL format is hsl(178.5, 100%, 92%). Use this value directly in CSS, SVG, and most design tools.

How do I use very pale blue in CSS?

To apply very pale blue in CSS:

  • Text color: color: hsl(178.5, 100%, 92%);
  • Background: background-color: hsl(178.5, 100%, 92%);
  • Border: border-color: hsl(178.5, 100%, 92%);

What are all the color format values for very pale blue?

FormatValue
HEX#d6fffe
RGBrgb(214, 255, 254)
HSLhsl(178.5, 100%, 92%)
CMYKcmyk(16.1%, 0%, 0.4%, 0%)

How do I convert very pale blue to HSL?

Select very pale blue from the color name list in our color converter. The HSL value — hsl(178.5, 100%, 92%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does very pale blue belong to?

very pale blue belongs to the near-white color family. It is a light, vivid color with HSL values: hue 178.5°, saturation 100%, lightness 92%.

How do I create lighter and darker shades of very pale blue?

Lighter variant (lightness 95%): #e5fffe. Darker variant (lightness 77%): #8afffc. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HSL used for?

HSL describes colors by hue (0–360°), saturation (0–100%) and lightness (0–100%). It is more intuitive for designers — easy to create lighter, darker or less saturated variants of any color.