⬡ HEX Color Conversion

Hex Color Code #1EADFF — RGB & HSL Conversions

How to use the #1EADFF color code in HTML & CSS?

For developers, implementing the #1EADFF color code involves declaring it in your styles. In stylesheet designs, use color: #1EADFF; for text alignment. If you are developing with utility-first layouts, you can invoke it in Tailwind as text-[#1EADFF] or custom configure it in your theme files.

What are the RGB and HSL conversion values for #1EADFF?

The RGB code for #1EADFF is computed as rgb(30, 173, 255). Web designers using HSL values will find it at a hue of 202°, saturation of 100%, and lightness index of 56%, representing a highly vivid, intense, and brilliant shade.

CMYK print code settings for #1EADFF

For print design setups, the CMYK values for the #1EADFF color code are Cyan: 88%, Magenta: 32%, Yellow: 0%, and Black: 0%. In digital designs, blue coordinates like this are highly favored by technical and corporate platforms to foster user trust, stability, and clean readability.

Red Channel 30
Green Channel 173
Blue Channel 255
Luminance 0.374

⇄ HEX #1EADFF Color Space Conversions

Click to copy format
HEX Color Code #1EADFF
RGB (Red Green Blue) rgb(30, 173, 255)
HSL (Hue Sat Light) hsl(202°, 100%, 56%)
CMYK (Commercial Print) cmyk(88%, 32%, 0%, 0%)
HSV / HSB Values hsv(202°, 88%, 100%)
Decimal Color Code 2010623
CSS Custom Variable --color-hex: #1EADFF;
Tailwind CSS Utility bg-[#1EADFF]

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #1EADFF

Small body copy preview

Black Text on Background

Black text readability test with #1EADFF

Small body copy preview

◈ Complementary & Analogous Harmonies

Computed dynamically

▤ Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for color #1EADFF */
--color-hex: #1EADFF;
--color-rgb: rgb(30, 173, 255);
--color-hsl: hsl(202deg, 100%, 56%);

⇢ Adjacent HEX Color Codes

#1EAAFF #1EABFF #1EACFF #1EAEFF #1EAFFF #1EB0FF
Copied!