Cerulean - #21aed9 - RGB (33, 174, 217)

RGB (33, 174, 217) - #21aed9 - Cerulean Color Analysis & Informations

The color named Cerulean is represented by the hex code #21aed9, which consists of the symbol # and 6 letters or numbers in the hexadecimal numeral system. This page provides a detailed analysis of the hex code #21aed9. In the RGB color space, the hex code #21AED9 is comprised of 12.9% red, 68.2% green, and 85.1% blue. The CMYK color model, used in printing, has a composition of 85% cyan, 20% magenta, 0% yellow, and 15% black. In the HSL color space, the hex code #21aed9 has a hue of 194°, 74% saturation, and 49% lightness. The decimal value of this color is 2,207,449. A version of the color that is 20% lighter is #0895c0, while the 20% darker version is #005984.

  1. #21aed9 - rgb(33, 174, 217) Color Schemes
  2. #21aed9 - rgb(33, 174, 217) Color Spaces
  3. #21aed9 - rgb(33, 174, 217) Alternatives Colours
  4. #21aed9 - rgb(33, 174, 217) Shades and Tints
  5. #21aed9 - rgb(33, 174, 217) Color Conversion
  6. #21aed9 - rgb(33, 174, 217) HTML/CSS Preview

Color Schemes with Cerulean (21aed9)

21d99f 21aed9 21c1d9

#21aed9 Analogous Colors

aed921 #21aed9 d921ae

#21aed9 Triadic Colors

d97921 #21aed9 d92148

#21aed9 Split Complementary Colors

21aed9 d9b121

#21aed9 Complementary Colors

29b6e1 31bee9 37c4ef 40cdf8 4ad7ff 52dfff

#21aed9 Monochromatic Colors

In design, a color scheme refers to the chosen selection of colors. Colors chosen from neighboring hues on the color wheel are referred to as analogous colors, resulting in a pleasing combination due to their close relation. The triadic color harmony involves three colors that are evenly spaced from one another on the color wheel, forming a triangle. On the other hand, the split-complementary color scheme involves the use of three colors - the original color and two hues adjacent to its complement color.

Color spaces of Hex Code #21AED9

RGB Decimal 33, 174, 217
RGB Percent rgb(12.9%,68.2%,85.1%)
CMYK 85, 20, 0, 15
HSV 194°, 85°, 85°
HSL 194°, 74°, 49°
Web Safe #21aed9
XYZ XYZ(45, 58, 89)
Motivating Your Way to Success

The hexadecimal triplet #21aed9 definition is: Red = 33, Green = 174, Blue = 217 or CMYK: Cyan = 85, Magenta = 20, Yellow = 0, Black = 15

Alternatives colours to Cerulean (#21aed9)

24b1dc 27b4df 2ab7e2 1eabd6 1ba8d3 18a5d0

Listed above are colors that are alternative to the hex color code #21aed9. This can be a useful resource if you are looking for alternative color options that complement your original choice.

Shades and Tints of #21aed9 Color Variations

00406b 004a75 00547f 005e89 006893 00729d 007ca7 0086b1 0390bb 0d9ac5 17a4cf 21aed9

#21aed9 Shade Color Variations

2bb8e3 35c2ed 3fccf7 49d6ff 53e0ff 5deaff 67f4ff 71feff 7bffff 85ffff 8fffff 99ffff

#21aed9 Tint Color Variations

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. #00406b is the darkest color, while #99ffff is the lightest one.

Cerulean - #21aed9 Color Conversions

  • 33 R
  • 174 G
  • 217 B
  • 194 H
  • 85 S
  • 85 V
  • 194 H
  • 74 S
  • 49 L

This table contains information about #21aed9 color values in the most popular color spaces: RGB, HSV, HSL.

#21aed9 Color Codes for CSS3/HTML5 and Icon Previews

Text with Hexadecimal Color #21aed9
This sample text has a font color of #21aed9
<span style="color:#21aed9">Your text here..</span>
#21aed9 Border Color
This sample element has a border color of #21aed9
<div style="border:1px solid #21aed9;">Your content here..</div>
#21aed9 CSS3 Linear Gradient
<div style="background: -webkit-linear-gradient(left,#21aed9,orange,yellow,green,blue,indigo,violet); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left,#21aed9,orange,yellow,green,blue,indigo,violet); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left,#21aed9,orange,yellow,green,blue,indigo,violet); /* For Fx 3.6 to 15 */ background: linear-gradient(to right, #21aed9,orange,yellow,green,blue,indigo,violet);">Your content here..</div>
#21aed9 Background Color
This sample paragraph has a background color of #21aed9
<p style="background-color:#21aed9;">Your content here..</p>
#21aed9 Text Shadow
This sample text has a shadow color of #21aed9
<p style="text-shadow:2px 2px 1px #21aed9">Your text here</p>
Sample text with glow color #21aed9
This sample text has a glow color of #21aed9
<span style="color:#000;text-shadow: 0 0 2px #21aed9">Your text here..</span>
#21aed9 Box Shadow
This sample element has a box shadow of #21aed9
<div style="-moz-box-shadow:1px 1px 3px 2px #21aed9; -webkit-box-shadow:1px 1px 3px 2px #21aed9; box-shadow:1px 1px 3px 2px #21aed9;">Your content here..</div>
Sample text with Underline Color #21aed9
This sample text has a underline color of #21aed9
<span style="color:#000;border-bottom: 1px solid #21aed9">Your text here..</span>
A selection of SVG images/icons using the hex version #21aed9 of the current color.

Hex Code #21aed9 web previews. Sample HTML/CSS paragraph codes using Cerulean color.

Cerulean #21aed9 Similar Colors

#23d381#4526b5#3f89e2#be38ea#85dd66#4014d1
#f9c0cc#abed04#8e33ce#ceea85#c97446#e5bd44
Popular Free Books
The Boys in the Boat E-Book Download
The Boys in the BoatDaniel James BrownSports & Outdoors2013-06-04
None of This Is True E-Book Download
None of This Is TrueLisa JewellMysteries & Thrillers2023-08-08
Fourth Wing E-Book Download
Fourth WingRebecca YarrosFantasy2023-05-02
Sweet Spot E-Book Download
Sweet SpotSusan MalleryFiction & Literature2018-08-27
A Court of Frost and Starlight E-Book Download
A Court of Frost and StarlightSarah J. MaasFantasy2018-05-01
Inheritance E-Book Download
InheritanceNora RobertsSuspense2023-11-21
Blog
How will the release of GA4 affect your shopify business?

The release of Google Analytics 4 (GA4) is a significant event for e-commerce businesses, including those using Shopify. As the newest version of Google’s web analytics platform, GA4 offers a wealth of advanced features and capabilities that ca...

What changes or updates do you hope to see in GA4

Google Analytics 4 (GA4) is the latest version of Google’s web analytics platform, designed to provide marketers and business owners with a more robust and sophisticated way to track their website’s performance. Since its launch in 2020, ...

Is it worth buying a prebuilt Shopify store?

For those looking to launch a successful ecommerce store quickly and with minimal effort, buying a prebuilt Shopify store can be an attractive option. But is it worth it? In this article, we’ll look at the pros and cons of purchasing an existin...

Is Buying a Prebuilt Shopify Store Worth It? A Comprehensive Analysis

Introduction: The Allure of Prebuilt Shopify Stores In the world of e-commerce, time is money. Business owners are constantly looking for ways to streamline processes, save time, and generate revenue quickly. Prebuilt Shopify stores have emerged as a...

Mastering Shopify: Proven Strategies to Generate Revenue and Succeed in E-commerce

A Comprehensive Guide to Monetizing Your Shopify Store E-commerce has grown exponentially in recent years, and Shopify has become a leading platform for businesses looking to launch an online store. With its user-friendly interface, extensive app sto...

↑