#336baf Color Information
In a RGB color space, hex #336baf is composed of 20% red, 42% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 38.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 212.9 degrees, a saturation of 54.9% and a lightness of 44.3%. #336baf color hex could be obtained by blending #66d6ff with #00005f. Closest websafe color is: #336699.
-
- R 20
- G 42
- B 69
-
- C 71
- M 39
- Y 0
- K 31
● #336baf color description : Dark blue.
#336baf Color Conversion
The hexadecimal color #336baf has RGB values of R:51, G:107, B:175 and CMYK values of C:0.71, M:0.39, Y:0, K:0.31. Its decimal value is 3369903.
Hex triplet | 336baf | #336baf |
---|---|---|
RGB Decimal | 51, 107, 175 | rgb(51,107,175) |
RGB Percent | 20, 42, 68.6 | rgb(20%,42%,68.6%) |
CMYK | 71, 39, 0, 31 | |
HSL | 212.9°, 54.9, 44.3 | hsl(212.9,54.9%,44.3%) |
HSV (or HSB) | 212.9°, 70.9, 68.6 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.679, 4.749, -41.615 |
---|---|
XYZ | 14.359, 14.313, 42.561 |
xyY | 0.202, 0.201, 14.313 |
CIE-LCH | 44.679, 41.885, 276.511 |
CIE-LUV | 44.679, -21.396, -62.285 |
Hunter-Lab | 37.833, 1.54, -40.217 |
Binary | 00110011, 01101011, 10101111 |
Color Schemes with #336baf
Alternatives to #336baf
Below, you can see some colors close to #336baf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336baf Preview
This text has a font color of #336baf.
<span style="color:#336baf;">Text here</span>
This paragraph has a background color of #336baf.
<p style="background-color:#336baf;">Content here</p>
This element has a border color of #336baf.
<div style="border:1px solid #336baf;">Content here</div>
.text {color:#336baf;}
.background {background-color:#336baf;}
.border {border:1px solid #336baf;}
Shades and Tints of #336baf
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)
-
#070e17
#070e17
rgb(7,14,23)
-
#0b1726
#0b1726
rgb(11,23,38)
-
#102135
#102135
rgb(16,33,53)
-
#142a45
#142a45
rgb(20,42,69)
-
#183354
#183354
rgb(24,51,84)
-
#1d3d63
#1d3d63
rgb(29,61,99)
-
#214672
#214672
rgb(33,70,114)
-
#264f81
#264f81
rgb(38,79,129)
-
#2a5891
#2a5891
rgb(42,88,145)
-
#2f62a0
#2f62a0
rgb(47,98,160)
-
#336baf
#336baf
rgb(51,107,175)
-
#3774be
#3774be
rgb(55,116,190)
-
#417ec8
#417ec8
rgb(65,126,200)
-
#5188cc
#5188cc
rgb(81,136,204)
-
#6093d1
#6093d1
rgb(96,147,209)
-
#6f9dd5
#6f9dd5
rgb(111,157,213)
-
#7ea7d9
#7ea7d9
rgb(126,167,217)
-
#8db2de
#8db2de
rgb(141,178,222)
-
#9dbce2
#9dbce2
rgb(157,188,226)
-
#acc6e7
#acc6e7
rgb(172,198,231)
-
#bbd1eb
#bbd1eb
rgb(187,209,235)
-
#cadbf0
#cadbf0
rgb(202,219,240)
-
#d9e5f4
#d9e5f4
rgb(217,229,244)
-
#e9f0f8
#e9f0f8
rgb(233,240,248)
-
#f8fafd
#f8fafd
rgb(248,250,253)
Tones of #336baf
A tone is produced by adding gray to any pure hue. In this case, #707172 is the less saturated color, while #0867da is the most saturated one.
-
#707172
#707172
rgb(112,113,114)
-
#67707b
#67707b
rgb(103,112,123)
-
#5e6f84
#5e6f84
rgb(94,111,132)
-
#566e8c
#566e8c
rgb(86,110,140)
-
#4d6e95
#4d6e95
rgb(77,110,149)
-
#446d9e
#446d9e
rgb(68,109,158)
-
#3c6ca6
#3c6ca6
rgb(60,108,166)
-
#336baf
#336baf
rgb(51,107,175)
-
#2a6ab8
#2a6ab8
rgb(42,106,184)
-
#2269c0
#2269c0
rgb(34,105,192)
-
#1968c9
#1968c9
rgb(25,104,201)
-
#1068d2
#1068d2
rgb(16,104,210)
-
#0867da
#0867da
rgb(8,103,218)
Color Blindness Simulator
Below, you can see how #336baf 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.