#336faf Color Information
In a RGB color space, hex #336faf is composed of 20% red, 43.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 36.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 211 degrees, a saturation of 54.9% and a lightness of 44.3%. #336faf color hex could be obtained by blending #66deff with #00005f. Closest websafe color is: #336699.
-
- R 20
- G 44
- B 69
-
- C 71
- M 37
- Y 0
- K 31
● #336faf color description : Dark blue.
#336faf Color Conversion
The hexadecimal color #336faf has RGB values of R:51, G:111, B:175 and CMYK values of C:0.71, M:0.37, Y:0, K:0.31. Its decimal value is 3370927.
Hex triplet | 336faf | #336faf |
---|---|---|
RGB Decimal | 51, 111, 175 | rgb(51,111,175) |
RGB Percent | 20, 43.5, 68.6 | rgb(20%,43.5%,68.6%) |
CMYK | 71, 37, 0, 31 | |
HSL | 211°, 54.9, 44.3 | hsl(211,54.9%,44.3%) |
HSV (or HSB) | 211°, 70.9, 68.6 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.862, 2.263, -39.738 |
---|---|
XYZ | 14.786, 15.167, 42.703 |
xyY | 0.204, 0.209, 15.167 |
CIE-LCH | 45.862, 39.803, 273.26 |
CIE-LUV | 45.862, -22.754, -59.508 |
Hunter-Lab | 38.944, -0.383, -37.751 |
Binary | 00110011, 01101111, 10101111 |
Color Schemes with #336faf
Alternatives to #336faf
Below, you can see some colors close to #336faf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336faf Preview
This text has a font color of #336faf.
<span style="color:#336faf;">Text here</span>
This paragraph has a background color of #336faf.
<p style="background-color:#336faf;">Content here</p>
This element has a border color of #336faf.
<div style="border:1px solid #336faf;">Content here</div>
.text {color:#336faf;}
.background {background-color:#336faf;}
.border {border:1px solid #336faf;}
Shades and Tints of #336faf
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020508 is the darkest color, while #f8fafd is the lightest one.
-
#020508
#020508
rgb(2,5,8)
-
#070f17
#070f17
rgb(7,15,23)
-
#0b1826
#0b1826
rgb(11,24,38)
-
#102235
#102235
rgb(16,34,53)
-
#142c45
#142c45
rgb(20,44,69)
-
#183554
#183554
rgb(24,53,84)
-
#1d3f63
#1d3f63
rgb(29,63,99)
-
#214872
#214872
rgb(33,72,114)
-
#265281
#265281
rgb(38,82,129)
-
#2a5c91
#2a5c91
rgb(42,92,145)
-
#2f65a0
#2f65a0
rgb(47,101,160)
-
#336faf
#336faf
rgb(51,111,175)
-
#3779be
#3779be
rgb(55,121,190)
-
#4182c8
#4182c8
rgb(65,130,200)
-
#518ccc
#518ccc
rgb(81,140,204)
-
#6096d1
#6096d1
rgb(96,150,209)
-
#6fa0d5
#6fa0d5
rgb(111,160,213)
-
#7eaad9
#7eaad9
rgb(126,170,217)
-
#8db4de
#8db4de
rgb(141,180,222)
-
#9dbee2
#9dbee2
rgb(157,190,226)
-
#acc8e7
#acc8e7
rgb(172,200,231)
-
#bbd2eb
#bbd2eb
rgb(187,210,235)
-
#cadcf0
#cadcf0
rgb(202,220,240)
-
#d9e6f4
#d9e6f4
rgb(217,230,244)
-
#e9f0f8
#e9f0f8
rgb(233,240,248)
-
#f8fafd
#f8fafd
rgb(248,250,253)
Tones of #336faf
A tone is produced by adding gray to any pure hue. In this case, #707172 is the less saturated color, while #086eda is the most saturated one.
-
#707172
#707172
rgb(112,113,114)
-
#67717b
#67717b
rgb(103,113,123)
-
#5e7084
#5e7084
rgb(94,112,132)
-
#56708c
#56708c
rgb(86,112,140)
-
#4d7095
#4d7095
rgb(77,112,149)
-
#44709e
#44709e
rgb(68,112,158)
-
#3c6fa6
#3c6fa6
rgb(60,111,166)
-
#336faf
#336faf
rgb(51,111,175)
-
#2a6fb8
#2a6fb8
rgb(42,111,184)
-
#226ec0
#226ec0
rgb(34,110,192)
-
#196ec9
#196ec9
rgb(25,110,201)
-
#106ed2
#106ed2
rgb(16,110,210)
-
#086eda
#086eda
rgb(8,110,218)
Color Blindness Simulator
Below, you can see how #336faf 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.