#306CC1 Hex Color Code

#306CC1

The Hexadecimal Color #306CC1 is a contrast shade of Steel Blue. #306CC1 RGB value is rgb(48, 108, 193). RGB Color Model of #306CC1 consists of 18% red, 42% green and 75% blue. HSL color Mode of #306CC1 has 215°(degrees) Hue, 60% Saturation and 47% Lightness. #306CC1 color has an wavelength of 484.62963nm approximately. The nearest Web Safe Color of #306CC1 is #3399CC. The Closest Small Hexadecimal Code of #306CC1 is #36B. The Closest Color to #306CC1 is #4682B4. Official Name of #306CC1 Hex Code is Mariner. CMYK (Cyan Magenta Yellow Black) of #306CC1 is 75 Cyan 44 Magenta 0 Yellow 24 Black and #306CC1 CMY is 75, 44, 0. HSLA (Hue Saturation Lightness Alpha) of #306CC1 is hsl(215,60,47, 1.0) and HSV is hsv(215, 75, 76). A Three-Dimensional XYZ value of #306CC1 is 16.2, 15.2, 52.52.
Hex8 Value of #306CC1 is #306CC1FF. Decimal Value of #306CC1 is 3173569 and Octal Value of #306CC1 is 14066301. Binary Value of #306CC1 is 110000, 1101100, 11000001 and Android of #306CC1 is 4281363649 / 0xff306cc1. The Horseshoe Shaped Chromaticity Diagram xyY of #306CC1 is 0.193, 0.181, 0.181 and YIQ Color Space of #306CC1 is 99.75, -63.0645, 13.762. The Color Space LMS (Long Medium Short) of #306CC1 is 9.87, 14.72, 51.9. CieLAB (L*a*b*) of #306CC1 is 45.91, 10.38, -50.11. CieLUV : LCHuv (L*, u*, v*) of #306CC1 is 45.91, -21.81, -76.3. The cylindrical version of CieLUV is known as CieLCH : LCHab of #306CC1 is 45.91, 51.17, 281.7. Hunter Lab variable of #306CC1 is 38.99, 5.94, -52.58.

#306CC1 - Mariner Color Image
#306CC1 - Mariner Color Image

Graphic Percentage Representation of #306CC1

RGB Percentages of #306CC1

18%
42%
75%

RGB stands for Red, Green, and Blue, which are the three primary colors used to create a vast array of colors by varying their intensities. By adjusting the brightness of these three primary colors, virtually any color visible to the human eye can be produced.

RYB Percentages of #306CC1

18.82%
35.47%
75.69%

The RYB color model is based on Red, Yellow, and Blue Colors. When two primary colors are mixed, they form a secondary color or when mixed all, they result in tertiary color.

CMYK Percentages of #306CC1

75%
44%
0%
24%

CMYK stands for Cyan, Magenta, Yellow, and Key (Black). Starting with a white canvas, various amounts of cyan, magenta, yellow, and black ink are combined to absorb or subtract specific wavelengths of light, resulting in the desired color.

Various Color Shades of #306CC1

To get 25% Saturated #306CC1 Color, you need to convert the hex color #306CC1 to the HSL (Hue, Saturation, Lightness) color space, increase the saturation value by 25%, and then convert it back to the hex color. To desaturate a color by 25%, we need to reduce its saturation level while keeping the same hue and lightness. Saturation represents the intensity or vividness of a color. A 100% saturation means the color is fully vivid, while a 0% saturation results in a shade of gray. To make a color 25% darker or 25% lighter, you need to reduce the intensity of each of its RGB (Red, Green, Blue) components by 25% or increase it to 25%. Inverting a #306CC1 hex color involves converting each of its RGB (Red, Green, Blue) components to their complementary values. The complementary color is found by subtracting each component's value from the maximum value of 255.

Analogous and Monochromatic Colors of #306CC1

Analogous colors are groups of hues that are located next to each other on the color wheel. These colors share a similar undertone and create a sense of harmony when used together. Analogous color schemes are mainly used in design or art to create a sense of cohesion and flow in a color scheme composition.

Monochromatic colors refer to a color scheme that uses variations of a single color. These variations are achieved by adjusting the shade, tint, or tone of the base color. Monochromatic approach is commonly used in interior design or fashion to create a sense of understated elegance and give a sense of simplicity and consistency.

Triad, Tetrad and SplitComplement of #306CC1

Triad, Tetrad, and Split Complement are hex color schemes used in art to create harmonious combinations of colors.

The Triad color scheme involves three colors that are evenly spaced around the color wheel, forming an equilateral triangle. The primary triad includes red, blue, and yellow, while other triadic combinations can be formed with different hues. Triad color schemes offer a balanced contrast and are versatile for creating vibrant and dynamic visuals.

The Tetrad color scheme incorporates four colors that are arranged in two complementary pairs. These pairs create a rectangle or square shape on the color wheel. The primary Tetrad includes two sets of complementary colors, such as red and green, and blue and orange. This scheme provides a wide range of color options and allows for both strong contrast and harmonious blends.

The Split Complement color scheme involves a base color paired with the two colors adjacent to its complementary color on the color wheel. For example, if the base color is blue, the Split Complement scheme would include blue, yellow-orange, and red-orange. This combination maintains contrast while offering a more subtle and balanced alternative to a complementary color scheme.

Tints and Shades of #306CC1

A Color Tint is created by mixing white (#FFFFFF) to any pure color whereas A Color Shade is calculated by adding black (#000000) to any pure hue. See the Color Tints of #306CC1 to it's lightest color and Color Shades of #306CC1 to it's the darkest color.

#306CC1 Hex Code Space Conversions

RGB rgb(48, 108, 193)
RGB Percent 18%, 42%, 75%
RYB 48.0, 90.44, 193.0
CMYK 75, 44, 0, 24
CMY 75, 44, 0
HSL hsl(215, 60%, 47%)
HSLA hsl(215, 60%, 47%, 1.0)
HSV hsv(215, 75, 76)
XYZ 16.2, 15.2, 52.52
Hex8 Value #306CC1FF
Decimal Value 3173569
Octal Value 14066301
Binary Value 110000,1101100,11000001
Android 4281363649 / 0xff306cc1
HSLuv : HUSL hsl(215, 60%, 47%)
xyY 0.193, 0.181, 15.202
YIQ 99.75, -63.0645, 13.762
LMS 9.87, 14.72, 51.9
CieLAB 45.91, 10.38, -50.11
CieLUV : LCHuv 45.91, -21.81, -76.3
CieLCH : LCHab 45.91, 51.17, 281.7
Hunter Lab 38.99, 5.94, -52.58
YUV 99.75, 45.88, -45.4
YDbDr 99.75, 140.31, 98.43
YCbCr 101.67, 174.23, 95.58
YCoCg 114.25, 120.5, -6.25
YPbPr 99.75, 52.62, -36.91
Munsell Color System 10449.30 353.73/236.61

#306CC1 HTML/CSS Hex Color Code Examples

#306CC1 as Background:

Balance, peace, and joy are the fruit of a successful life. It starts with recognizing your talents and finding ways to serve others by using them.

Thomas Kinkade
<p style="background: #306CC1">…</p>

#306CC1 as Text Color:

Epic things start with small humble steps. Pay respect to your beginnings. And if you're just starting out, know that it's OK to be sucky. To be small. To be messy and chaotic. Just make sure to never ever stop dreaming.

Vishen Lakhiani
<p style="color: #306CC1">…</p>

#306CC1 as Text Shadow:

The price of success is hard work, dedication to the job at hand, and the determination that whether we win or lose, we have applied the best of ourselves to the task at hand.

Vince Lombardi
<p style="text-shadow: 4px 4px 2px #306CC1">…</p>

#306CC1 as Linear Gradient:

Celebration is big for me. From my younger days, when I used to win mementos while playing basketball, I have always believed in sharing my success. It has to be there. It lifts the energy levels of the entire side if you are positive and vocal when a wicket falls.

Suresh Raina
<div style="background: linear-gradient(white, #306CC1)">…</div>

FAQ:

What is the RGB value of #306CC1?

RGB Value for #306CC1 is rgb(48, 108, 193).

What is the RGB percentage of #306CC1?

RGB percentage for #306CC1 is 18% Red 42% Green 75% Blue.

What is the CMYK (Cyan Magenta Yellow Black) color model of #306CC1?

CMYK Color Model of #306CC1 is 75 Cyan 44 Magenta 0 Yellow 24 Black.

What is the HSL value of #306CC1?

HSL Value of #306CC1 is 215°(degrees) Hue 60 Saturation 47 Lightness.

What is the HSV value of #306CC1?

HSV Value of #306CC1 is 215 Hue 75 Saturation 76 Value.

What is the XYZ Color Model of #306CC1?

XYZ Color Model of #306CC1 is 16.2, 15.2, 52.52.