• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to secondary sidebar

RGB-HEX

Convert RGB and HEX Colors to different formats

  • RGB Converters ↓
    • RGB to HEX
    • RGB to CMYK
    • RGB to HSV
    • RGB to HSL
  • HEX Converters ↓
    • HEX to RGB
    • HEX to CMYK
    • HEX to HSV
    • HEX to HSL
  • CMYK Converters ↓
    • CMYK to RGB
    • CMYK to HEX
    • CMYK to HSV
    • CMYK to HSL
  • Color Codes
  • Random Color Generator

#5AB5D9

RGB, CMYK, HSV, and HSL values for the color represented by the HEX code #5ab5d9.

RGB: 90, 181, 217CMYK: 59%, 17%, 0%, 15%
HSV: H: 197° S: 59% V: 85%HSL: H: 197° S: 63% L: 60%

#5AB5D9 Color Preview

Save as image

#5ab5d9 is a shade of blue color with RGB values (90, 181, 217). As mentioned above, this color is a combination of CMYK: 59% Cyan, 17% Magenta, 0% Yellow, and 15% Key (Black) in the CMYK color model.

As mentioned in the table, the HSL cylindrical-coordinate representations have the following values: Hue (H): 197°, Saturation (S): 63%, and Lightness (L): 60%.

The HSV values for #5ab5d9 are as follows: Hue (H): 197°, Saturation (S): 59%, Value (V): 85%.

RGB Values

Red 90/255
Green 181/255
Blue 217/255

RGB Values in Percentage

90%
181%
217%

CMYK Distribution

Cyan: C59%
Magenta: M17%
Yellow: Y0%
Key: K (Black)15%

Below is the visual demonstration of #5AB5D9 color shade that interacts to create distinct effects on black and white backgrounds and texts.

This is sample text
This is sample text
This is sample text
This is sample text
Copy
<div style="color: #5AB5D9; background-color: #000000;">This is sample text</div>
<div style="color: #000000; background-color: #5AB5D9;">This is sample text</div>
<div style="color: #ffffff; background-color: #5AB5D9;">This is sample text</div>
<div style="color: #5AB5D9;">This is sample text</div>

CSS Codes

You can freely substitute any of these values for CSS properties that require a color input: color, background color, and border color.

Copy
color: rgb(90, 181, 217);
color: #5ab5d9;

Examples

Copy
color: rgb(90, 181, 217);
background-color: rgb(90, 181, 217);
border-color: rgb(90, 181, 217);
Copy
color: #5ab5d9;
background-color: #5ab5d9;
border-color: #5ab5d9;

Color schemes with #5AB5D9

Analogous

Here, the analogous color with hex code #5AB5D9 has #5A76D9 and #5AD9BD at 30 degrees clockwise and counterclockwise.

Monochromatic

For the shade with hex code #5AB5D9, a monochromatic palette will feature a corresponding shade #31A2CF, originating from the same hue.

Triadic

The triadic palette built around #5AB5D9 uses two accents #D95AB5 and #B5D95A, each 120 degrees apart from the main hue.

Complementary

The complementary color for #5AB5D9 is #D97E5A.

Tetradic

Here, for the primary color #5AB5D9, the complementary shade is #BE5AD9 plus two accent colors, i.e., #D97E5A and #76D95A.

Similar Colors

Code Code Code Code Code Code Code Code Code Code Code Code Code Code Code Code Code Code Code Code

Primary Sidebar

Check Color Shades

Secondary Sidebar

Just Launched

  • Random Color Generator

RGB Converters

  • RGB to Hex
  • RGB to CMYK
  • RGB to HSL
  • RGB to HSV

HEX Converters

  • HEX to RGB
  • HEX to CMYK
  • HEX to HSL
  • HEX to HSV

About Us · Privacy Policy · Terms of Use · Contact Us
Copyright rgb-hex © 2025