Light light blue to HSL

Color Code

#cafffb
Format Value
HEX #cafffb
RGB rgb(202, 255, 251)
HSL hsl(175.5, 100%, 89.6%)
CMYK cmyk(20.8%, 0%, 1.6%, 0%)
HSV hsv(175.5, 20.8%, 100%)

light light blue color harmonies

Tints & shades of light light blue

Tints (lighter)

#cffffb #d4fffc #d8fffc #ddfffc #e2fffd #e7fffd #ecfffe #f1fffe #f5fffe #faffff

Shades (darker)

#b8e8e4 #a5d1cd #93b9b7 #81a2a0 #6e8b89 #5c7472 #495d5b #374644 #252e2e #121717

Contrast & accessibility

The quick brown fox

On white · 1.09:1 · Fail

The quick brown fox

On black · 19.21:1 · AAA

Recommended text color: #000000

Use light light blue in code

CSS color: #cafffb;
SCSS $color: #cafffb;
Tailwind bg-[#cafffb]
Swift UIColor(red: 0.792, green: 1.000, blue: 0.984, alpha: 1)
Android Color.parseColor("#cafffb")
Flutter Color(0xFFCAFFFB)

Colors similar to light light blue

Browse all Cyan colors →

What is the HSL code for light light blue?

The CSS color light light blue in HSL format is hsl(175.5, 100%, 89.6%). Use this value directly in CSS, SVG, and most design tools.

How do I use light light blue in CSS?

To apply light light blue in CSS:

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

What are all the color format values for light light blue?

FormatValue
HEX#cafffb
RGBrgb(202, 255, 251)
HSLhsl(175.5, 100%, 89.6%)
CMYKcmyk(20.8%, 0%, 1.6%, 0%)

How do I convert light light blue to HSL?

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

What color family does light light blue belong to?

light light blue belongs to the cyan color family. It is a light, vivid color with HSL values: hue 175.5°, saturation 100%, lightness 89.6%.

How do I create lighter and darker shades of light light blue?

Lighter variant (lightness 95%): #e5fffd. Darker variant (lightness 74.6%): #7dfff5. 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.