#424db1 - Ocean Blue Pearl Hex Color Code

#424DB1 (Ocean Blue Pearl) - RGB 66, 77, 177 Color Information

  1. #424DB1 (Ocean Blue Pearl) - RGB 66, 77, 177 Color Information
  2. #424db1 Conversion Table
  3. Percentages of Color #424DB1
  4. Color spaces of #424DB1 Ocean Blue Pearl - RGB(66, 77, 177)
  5. #424db1 Color Accessibility Scores (Ocean Blue Pearl Contrast Checker)
  6. Ocean Blue Pearl ↔ #424db1 Color Blindness Simulator
  7. #424DB1 Color Combinations - Color Schemes with 424db1
  8. Shades and Tints of #424db1 Color Variations
  9. Alternatives colours to Ocean Blue Pearl (#424db1)
  10. #424db1 Color Codes for CSS3/HTML5 and Icon Previews

The color named Ocean Blue Pearl is represented by the hex code #424db1, 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 #424db1. In the RGB color space, the hex code #424DB1 is comprised of 25.9% red, 30.2% green, and 69.4% blue. The CMYK color model, used in printing, has a composition of 63% cyan, 56% magenta, 0% yellow, and 31% black. In the HSL color space, the hex code #424db1 has a hue of 234°, 46% saturation, and 48% lightness. The decimal value of this color is 4,345,265. A version of the color that is 20% lighter is #293498, while the 20% darker version is #00005c.

IQ Test

#424db1 Conversion Table

HEX Triplet 42, 4D, B1
RGB Decimal 66, 77, 177
RGB Octal 102, 115, 261
RGB Percent 25.9%, 30.2%, 69.4%
RGB Binary 1000010, 1001101, 10110001
CMY 0.741, 0.698, 0.306
CMYK 63, 56, 0, 31
Organic Hit

#424db1 hex color code information, schemes, description and conversion in RGB, HSL, HSV, etc...

Percentages of Color #424DB1

R 25.9%
G 30.2%
B 69.4%
RGB Percentages of Color #424db1
C 63%
M 56%
Y 0%
K 31%
CMYK Percentages of Color #424db1

Color spaces of #424DB1 Ocean Blue Pearl - RGB(66, 77, 177)

HSV (or HSB) 234°, 63°, 69°
HSL 234°, 46°, 48°
Web Safe #336699
XYZ 12.836, 9.640, 42.779
CIE-Lab 37.189, 27.267, -54.778
xyY 0.197, 0.148, 9.640
Decimal 4345265
Shopify Analytics

Provide color information and color scheme for #424db1. #424db1 is the hex color code that is a variation of "Ocean Blue Pearl" because of their close resemblance. The hexadecimal triplet #424db1 definition is: Red = 66, Green = 77, Blue = 177 or CMYK: Cyan = 0.6271186440678, Magenta = 0.56497175141243, Yellow = 0, Black = 0.30588235294118. Different converted color standards of #424db1.

#424db1 Color Accessibility Scores (Ocean Blue Pearl Contrast Checker)

#424db1

On dark background [POOR]

#424db1

On light background [GOOD]

#424db1

As background color [GOOD]

Check the contrast of #424db1 [Ocean Blue Pearl] color design for accessibility base on Web Content Accessibility Guideline (WCAG). Use this color contrast checker to determine whether or not your color combinations are accessible or not. An online tool to check and adjust contrast levels between text and background colours to help meet accessibility guidelines. Design with accessibility in mind!

Ocean Blue Pearl ↔ #424db1 Color Blindness Simulator

Coming soon... You can see how #424db1 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

#424DB1 Color Combinations - Color Schemes with 424db1

#424da2 #424db1 #4260b1

#424db1 Analogous Colors

#4db142 #424db1 #b1424d

#424db1 Triadic Colors

#b11842 #424db1 #b142ff

#424db1 Split Complementary Colors

#424db1 #b15042

#424db1 Complementary Colors

4a55b9 525dc1 5863c7 616cd0 6b76da 737ee2

#424db1 Monochromatic Colors

#4d07b1 #424db1 #b1424d #07b14d

#424db1 Tetradic Colors

In color theory, a color scheme is the choice of colors used in design. They are colors that are next to each other on the color wheel. Analogous colors tend to look pleasant together, because they are closely related. The triadic color harmony groups three colors that are evenly spaced from another and form a triangle on the color wheel. Split-complementary colors differ from the complementary color scheme. The scheme consists of three colors, the original color and two neighbours of the complement color. Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other. Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color. Monochromatic color schemes are derived from a single base hue and extended using its shades, tones and tints.

Shades and Tints of #424db1 Color Variations

000043 00004d 000057 000061 00076b 061175 101b7f 1a2589 242f93 2e399d 3843a7 424db1

#424db1 Shade Color Variations (When you combine pure black with this color, #424db1, darker shades are produced.)

4c57bb 5661c5 606bcf 6a75d9 747fe3 7e89ed 8893f7 929dff 9ca7ff a6b1ff b0bbff bac5ff

#424db1 Tint Color Variations (Lighter shades of #424db1 can be created by blending the color with different amounts of white.)

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

Alternatives colours to Ocean Blue Pearl (#424db1)

#4550b4 #4853b7 #4b56ba #3f4aae #3c47ab #3944a8

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

#424db1 Color Codes for CSS3/HTML5 and Icon Previews

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

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

#424DB1 in Programming

HTML5, CSS3 #424db1
Java new Color(66, 77, 177);
.NET Color.FromArgb(255, 66, 77, 177);
Swift UIColor(red:66, green:77, blue:177, alpha:1.00000)
Objective-C [UIColor colorWithRed:66 green:77 blue:177 alpha:1.00000];
OpenGL glColor3f(66f, 77f, 177f);
Python Color('#424db1')

Here you can easily copy-and-paste formatted color code for use with your favorite programming/markup languages like HTML 5, CSS 3, Java, Objective-C, Swift, .NET and Python.

#424db1 - RGB(66, 77, 177) - Ocean Blue Pearl Color FAQ

What is the color code for Ocean Blue Pearl?

Hex color code for Ocean Blue Pearl color is #424db1. RGB color code for ocean blue pearl color is rgb(66, 77, 177).

What is the RGB value of #424db1?

The RGB value corresponding to the hexadecimal color code #424db1 is rgb(66, 77, 177). These values represent the intensities of the red, green, and blue components of the color, respectively. Here, '66' indicates the intensity of the red component, '77' represents the green component's intensity, and '177' denotes the blue component's intensity. Combined in these specific proportions, these three color components create the color represented by #424db1.

What is the RGB percentage of #424db1?

The RGB percentage composition for the hexadecimal color code #424db1 is detailed as follows: 25.9% Red, 30.2% Green, and 69.4% Blue. This breakdown indicates the relative contribution of each primary color in the RGB color model to achieve this specific shade. The value 25.9% for Red signifies a dominant red component, contributing significantly to the overall color. The Green and Blue components are comparatively lower, with 30.2% and 69.4% respectively, playing a smaller role in the composition of this particular hue. Together, these percentages of Red, Green, and Blue mix to form the distinct color represented by #424db1.

What does RGB 66,77,177 mean?

The RGB color 66, 77, 177 represents a dull and muted shade of Blue. The websafe version of this color is hex 336699. This color might be commonly referred to as a shade similar to Ocean Blue Pearl.

What is the CMYK (Cyan Magenta Yellow Black) color model of #424db1?

In the CMYK (Cyan, Magenta, Yellow, Black) color model, the color represented by the hexadecimal code #424db1 is composed of 63% Cyan, 56% Magenta, 0% Yellow, and 31% Black. In this CMYK breakdown, the Cyan component at 63% influences the coolness or green-blue aspects of the color, whereas the 56% of Magenta contributes to the red-purple qualities. The 0% of Yellow typically adds to the brightness and warmth, and the 31% of Black determines the depth and overall darkness of the shade. The resulting color can range from bright and vivid to deep and muted, depending on these CMYK values. The CMYK color model is crucial in color printing and graphic design, offering a practical way to mix these four ink colors to create a vast spectrum of hues.

What is the HSL value of #424db1?

In the HSL (Hue, Saturation, Lightness) color model, the color represented by the hexadecimal code #424db1 has an HSL value of 234° (degrees) for Hue, 46% for Saturation, and 48% for Lightness. In this HSL representation, the Hue at 234° indicates the basic color tone, which is a shade of red in this case. The Saturation value of 46% describes the intensity or purity of this color, with a higher percentage indicating a more vivid and pure color. The Lightness value of 48% determines the brightness of the color, where a higher percentage represents a lighter shade. Together, these HSL values combine to create the distinctive shade of red that is both moderately vivid and fairly bright, as indicated by the specific values for this color. The HSL color model is particularly useful in digital arts and web design, as it allows for easy adjustments of color tones, saturation, and brightness levels.

Ocean Blue Pearl #424db1 Similar Colors

#D620AB RGB(214, 32, 171)
#2A1072 RGB(42, 16, 114)
#95D2E2 RGB(149, 210, 226)
#48EAA1 RGB(72, 234, 161)
#62FC62 RGB(98, 252, 98)
#3A6DA8 RGB(58, 109, 168)
#8EF0F9 RGB(142, 240, 249)
#FF44A8 RGB(255, 68, 168)
#651CDB RGB(101, 28, 219)
#00FC82 RGB(0, 252, 130)
#8AB5F2 RGB(138, 181, 242)
#EAC488 RGB(234, 196, 136)
✚ Did you know our free color tools?
color tool 1 Color Names color tool 2 Color Converter color tool 3 Colors in Between color tool 4 Gradient Colors Collection Palette color tool 5 Color Palette Generator
color tool 6 Color Inspirations and Ideas color tool 7 Marvelous Color Picker color tool 8 Extract Color Palette from a Website color tool 9 Material Palette color tool 10 Gradient Color Generator

A collection of free color tools that will help you choose the right color for your next project! Meet a few tools that will make working with color faster and more fun.

Color Hub
The Ultimate Guide to Color Psychology and Conversion Rates

In today’s highly competitive online market, understanding color psychology and its impact on conversion rates can give you the edge you need to stand out from the competition. In this comprehensive guide, we will explore how color affects user...

Best Color Matches For Your Home Office

An office space thrives on high energy and positivity. As such, it must be calming, welcoming, and inspiring. Studies have also shown that colors greatly impact human emotions. Hence, painting your home office walls with the right color scheme is ess...

The Ultimate Conversion Rate Optimization (CRO) Checklist

If you’re running a business, then you know that increasing your conversion rate is essential to your success. After all, if people aren’t buying from you, then you’re not making any money! And while there are many things you can do...

The Use of Color in Educational Materials and Technologies

Color has the power to influence our emotions, behaviors, and perceptions in powerful ways. Within education, its use in materials and technologies has a great impact on learning, engagement, and retention – from textbooks to e-learning platfor...

Creating a Branded Educational Identity: A Guide to HTML Color Palette Selection

The creation of a color palette for branding purposes in the field of education follows unique goals that usually go beyond classic marketing methods. The reason for that is the necessity to create a different kind of brand recognition where the use ...

↑