#336BFF Hex Color Code

#336BFF

The Hexadecimal Color #336BFF is a contrast shade of Royal Blue. #336BFF RGB value is rgb(51, 107, 255). RGB Color Model of #336BFF consists of 20% red, 41% green and 100% blue. HSL color Mode of #336BFF has 224°(degrees) Hue, 100% Saturation and 60% Lightness. #336BFF color has an wavelength of 478.96296nm approximately. The nearest Web Safe Color of #336BFF is #6699FF. The Closest Small Hexadecimal Code of #336BFF is #36F. The Closest Color to #336BFF is #4169E1. Official Name of #336BFF Hex Code is Mariner. CMYK (Cyan Magenta Yellow Black) of #336BFF is 80 Cyan 58 Magenta 0 Yellow 0 Black and #336BFF CMY is 80, 58, 0. HSLA (Hue Saturation Lightness Alpha) of #336BFF is hsl(224,100,60, 1.0) and HSV is hsv(224, 80, 100). A Three-Dimensional XYZ value of #336BFF is 24.67, 18.44, 96.85.
Hex8 Value of #336BFF is #336BFFFF. Decimal Value of #336BFF is 3369983 and Octal Value of #336BFF is 14665777. Binary Value of #336BFF is 110011, 1101011, 11111111 and Android of #336BFF is 4281560063 / 0xff336bff. The Horseshoe Shaped Chromaticity Diagram xyY of #336BFF is 0.176, 0.132, 0.132 and YIQ Color Space of #336BFF is 107.128, -80.9228, 34.2136. The Color Space LMS (Long Medium Short) of #336BFF is 10.27, 14.53, 95.57. CieLAB (L*a*b*) of #336BFF is 50.03, 34.35, -78.51. CieLUV : LCHuv (L*, u*, v*) of #336BFF is 50.03, -20.22, -122.22. The cylindrical version of CieLUV is known as CieLCH : LCHab of #336BFF is 50.03, 85.7, 293.63. Hunter Lab variable of #336BFF is 42.94, 27.4, -103.66.

#336BFF - Mariner Color Image
#336BFF - Mariner Color Image

Graphic Percentage Representation of #336BFF

RGB Percentages of #336BFF

20%
41%
100%

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 #336BFF

20.0%
37.23%
100.0%

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 #336BFF

80%
58%
0%
0%

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 #336BFF

To get 25% Saturated #336BFF Color, you need to convert the hex color #336BFF 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 #336BFF 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 #336BFF

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 #336BFF

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 #336BFF

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 #336BFF to it's lightest color and Color Shades of #336BFF to it's the darkest color.

#336BFF Hex Code Space Conversions

RGB rgb(51, 107, 255)
RGB Percent 20%, 41%, 100%
RYB 51.0, 94.94, 255.0
CMYK 80, 58, 0, 0
CMY 80, 58, 0
HSL hsl(224, 100%, 60%)
HSLA hsl(224, 100%, 60%, 1.0)
HSV hsv(224, 80, 100)
XYZ 24.67, 18.44, 96.85
Hex8 Value #336BFFFF
Decimal Value 3369983
Octal Value 14665777
Binary Value 110011,1101011,11111111
Android 4281560063 / 0xff336bff
HSLuv : HUSL hsl(224, 100%, 60%)
xyY 0.176, 0.132, 18.436
YIQ 107.128, -80.9228, 34.2136
LMS 10.27, 14.53, 95.57
CieLAB 50.03, 34.35, -78.51
CieLUV : LCHuv 50.03, -20.22, -122.22
CieLCH : LCHab 50.03, 85.7, 293.63
Hunter Lab 42.94, 27.4, -103.66
YUV 107.128, 72.76, -49.24
YDbDr 107.128, 222.48, 106.76
YCbCr 108.0, 201.3, 92.83
YCoCg 130.0, 153.0, -23.0
YPbPr 107.13, 83.45, -40.03
Munsell Color System 10802.64 416.66/236.44

#336BFF HTML/CSS Hex Color Code Examples

#336BFF as Background:

Be quiet now and wait. It may be that the ocean one, the one we desire so to move into and become, desires us out here on land a little longer, going our sundry roads to the shore.

Rumi
<p style="background: #336BFF">…</p>

#336BFF as Text Color:

I am the daughter of Earth and Water, And the nursling of the Sky; I pass through the pores of the ocean and shores; I change, but I cannot die.

Percy Bysshe Shelley
<p style="color: #336BFF">…</p>

#336BFF as Text Shadow:

From birth, man carries the weight of gravity on his shoulders. He is bolted to earth. But man has only to sink beneath the surface and he is free.

Jacques Yves Cousteau
<p style="text-shadow: 4px 4px 2px #336BFF">…</p>

#336BFF as Linear Gradient:

I'll love you till the ocean Is folded and hung up to dry And the seven stars go squawking Like geese about the sky.

W. H. Auden
<div style="background: linear-gradient(white, #336BFF)">…</div>

FAQ:

What is the RGB value of #336BFF?

RGB Value for #336BFF is rgb(51, 107, 255).

What is the RGB percentage of #336BFF?

RGB percentage for #336BFF is 20% Red 41% Green 100% Blue.

What is the CMYK (Cyan Magenta Yellow Black) color model of #336BFF?

CMYK Color Model of #336BFF is 80 Cyan 58 Magenta 0 Yellow 0 Black.

What is the HSL value of #336BFF?

HSL Value of #336BFF is 224°(degrees) Hue 100 Saturation 60 Lightness.

What is the HSV value of #336BFF?

HSV Value of #336BFF is 224 Hue 80 Saturation 100 Value.

What is the XYZ Color Model of #336BFF?

XYZ Color Model of #336BFF is 24.67, 18.44, 96.85.