Ocean Blue Pearl - #474bb0 - RGB (71, 75, 176)

RGB (71, 75, 176) - #474bb0 - Ocean Blue Pearl Color Analysis & Informations

The color named Ocean Blue Pearl is represented by the hex code #474bb0, 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 #474bb0. In the RGB color space, the hex code #474BB0 is comprised of 27.8% red, 29.4% green, and 69% blue. The CMYK color model, used in printing, has a composition of 60% cyan, 57% magenta, 0% yellow, and 31% black. In the HSL color space, the hex code #474bb0 has a hue of 238°, 43% saturation, and 48% lightness. The decimal value of this color is 4,672,432. A version of the color that is 20% lighter is #2e3297, while the 20% darker version is #00005b.

  1. #474bb0 - rgb(71, 75, 176) Color Schemes
  2. #474bb0 - rgb(71, 75, 176) Color Spaces
  3. #474bb0 - rgb(71, 75, 176) Alternatives Colours
  4. #474bb0 - rgb(71, 75, 176) Shades and Tints
  5. #474bb0 - rgb(71, 75, 176) Color Conversion
  6. #474bb0 - rgb(71, 75, 176) HTML/CSS Preview

Color Schemes with Ocean Blue Pearl (474bb0)

47b03c 474bb0 475eb0

#474bb0 Analogous Colors

4bb047 #474bb0 b0474b

#474bb0 Triadic Colors

b01647 #474bb0 b047ff

#474bb0 Split Complementary Colors

474bb0 b04e47

#474bb0 Complementary Colors

4f53b8 575bc0 5d61c6 666acf 7074d9 787ce1

#474bb0 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 #474BB0

RGB Decimal 71, 75, 176
RGB Percent rgb(27.8%,29.4%,69%)
CMYK 60, 57, 0, 31
HSV 238°, 60°, 69°
HSL 238°, 43°, 48°
Web Safe #474bb0
XYZ XYZ(34, 32, 70)
Motivating Your Way to Success

The hexadecimal triplet #474bb0 definition is: Red = 71, Green = 75, Blue = 176 or CMYK: Cyan = 60, Magenta = 57, Yellow = 0, Black = 31

Alternatives colours to Ocean Blue Pearl (#474bb0)

4a4eb3 4d51b6 5054b9 4448ad 4145aa 3e42a7

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

Shades and Tints of #474bb0 Color Variations

000042 00004c 000056 000060 01056a 0b0f74 15197e 1f2388 292d92 33379c 3d41a6 474bb0

#474bb0 Shade Color Variations

5155ba 5b5fc4 6569ce 6f73d8 797de2 8387ec 8d91f6 979bff a1a5ff abafff b5b9ff bfc3ff

#474bb0 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. #000042 is the darkest color, while #bfc3ff is the lightest one.

Ocean Blue Pearl - #474bb0 Color Conversions

  • 71 R
  • 75 G
  • 176 B
  • 238 H
  • 60 S
  • 69 V
  • 238 H
  • 43 S
  • 48 L

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

#474bb0 Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #474bb0 web previews. Sample HTML/CSS paragraph codes using Ocean Blue Pearl color.

Ocean Blue Pearl #474bb0 Similar Colors

#1ccc0c#c0d7f7#f7ad99#e394e8#cc8a10#e014ad
#d17fe0#ccecff#473099#bc69e0#94f7b8#bffc55
Popular Free Books
When the Night Comes Falling E-Book Download
When the Night Comes FallingHoward BlumTrue Crime2024-06-25
Eruption E-Book Download
EruptionMichael Crichton & James PattersonMysteries & Thrillers2024-06-03
Think Twice E-Book Download
Think TwiceHarlan CobenMysteries & Thrillers2024-05-14
Sentinel E-Book Download
SentinelMark GreaneyMysteries & Thrillers2024-06-25
Bridgerton E-Book Download
BridgertonJulia QuinnHistorical Romance2015-04-28
Our Little Secret E-Book Download
Our Little SecretLisa JacksonMysteries & Thrillers2024-06-25
Blog
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...

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...

10 Proven Strategies to Increase Website Traffic and Boost Your Online Presence

Hey there! Are you tired of staring at your website analytics and wishing those numbers would magically increase? Well, you’re in luck! In this article, we’re going to share with you 10 proven strategies to skyrocket your website traffic ...

When will shopify support ga4?

Shopify is a leading e-commerce platform that allows businesses of all sizes to create and manage an online store with ease. It provides a comprehensive range of features and functionalities to help businesses sell their products and services to a gl...

How can you prepare for the release of GA4

The release of GA4, or Google Analytics 4, represents a major step forward for web analytics and businesses. With its advanced measurement capabilities, user-friendly interface, and improved privacy features, GA4 has the potential to revolutionize th...

↑