#338bb1 Color Information
In a RGB color space, hex #338bb1 is composed of 20% red, 54.5% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 21.5% magenta, 0% yellow and 30.6% black. It has a hue angle of 198.1 degrees, a saturation of 55.3% and a lightness of 44.7%. #338bb1 color hex could be obtained by blending #66ffff with #001763. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 69
-
- C 71
- M 21
- Y 0
- K 31
● #338bb1 color description : Dark blue.
#338bb1 Color Conversion
The hexadecimal color #338bb1 has RGB values of R:51, G:139, B:177 and CMYK values of C:0.71, M:0.21, Y:0, K:0.31. Its decimal value is 3378097.
Hex triplet | 338bb1 | #338bb1 |
---|---|---|
RGB Decimal | 51, 139, 177 | rgb(51,139,177) |
RGB Percent | 20, 54.5, 69.4 | rgb(20%,54.5%,69.4%) |
CMYK | 71, 21, 0, 31 | |
HSL | 198.1°, 55.3, 44.7 | hsl(198.1,55.3%,44.7%) |
HSV (or HSB) | 198.1°, 71.2, 69.4 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.388, -13.465, -27.538 |
---|---|
XYZ | 18.532, 22.342, 44.928 |
xyY | 0.216, 0.26, 22.342 |
CIE-LCH | 54.388, 30.653, 243.944 |
CIE-LUV | 54.388, -32.58, -40.067 |
Hunter-Lab | 47.267, -12.735, -23.269 |
Binary | 00110011, 10001011, 10110001 |
Color Schemes with #338bb1
Alternatives to #338bb1
Below, you can see some colors close to #338bb1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338bb1 Preview
This text has a font color of #338bb1.
<span style="color:#338bb1;">Text here</span>
This paragraph has a background color of #338bb1.
<p style="background-color:#338bb1;">Content here</p>
This element has a border color of #338bb1.
<div style="border:1px solid #338bb1;">Content here</div>
.text {color:#338bb1;}
.background {background-color:#338bb1;}
.border {border:1px solid #338bb1;}
Shades and Tints of #338bb1
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, #030709 is the darkest color, while #f9fcfd is the lightest one.
-
#030709
#030709
rgb(3,7,9)
-
#071319
#071319
rgb(7,19,25)
-
#0c1f28
#0c1f28
rgb(12,31,40)
-
#102b37
#102b37
rgb(16,43,55)
-
#143746
#143746
rgb(20,55,70)
-
#194356
#194356
rgb(25,67,86)
-
#1d4f65
#1d4f65
rgb(29,79,101)
-
#215b74
#215b74
rgb(33,91,116)
-
#266783
#266783
rgb(38,103,131)
-
#2a7393
#2a7393
rgb(42,115,147)
-
#2f7fa2
#2f7fa2
rgb(47,127,162)
-
#338bb1
#338bb1
rgb(51,139,177)
-
#3797c0
#3797c0
rgb(55,151,192)
-
#43a0c9
#43a0c9
rgb(67,160,201)
-
#52a8cd
#52a8cd
rgb(82,168,205)
-
#61b0d1
#61b0d1
rgb(97,176,209)
-
#70b7d6
#70b7d6
rgb(112,183,214)
-
#7fbfda
#7fbfda
rgb(127,191,218)
-
#8fc7df
#8fc7df
rgb(143,199,223)
-
#9ecee3
#9ecee3
rgb(158,206,227)
-
#add6e7
#add6e7
rgb(173,214,231)
-
#bcddec
#bcddec
rgb(188,221,236)
-
#cce5f0
#cce5f0
rgb(204,229,240)
-
#dbedf5
#dbedf5
rgb(219,237,245)
-
#eaf4f9
#eaf4f9
rgb(234,244,249)
-
#f9fcfd
#f9fcfd
rgb(249,252,253)
Tones of #338bb1
A tone is produced by adding gray to any pure hue. In this case, #707374 is the less saturated color, while #079cdd is the most saturated one.
-
#707374
#707374
rgb(112,115,116)
-
#68767c
#68767c
rgb(104,118,124)
-
#5f7a85
#5f7a85
rgb(95,122,133)
-
#567d8e
#567d8e
rgb(86,125,142)
-
#4d8197
#4d8197
rgb(77,129,151)
-
#45849f
#45849f
rgb(69,132,159)
-
#3c88a8
#3c88a8
rgb(60,136,168)
-
#338bb1
#338bb1
rgb(51,139,177)
-
#2a8eba
#2a8eba
rgb(42,142,186)
-
#2192c3
#2192c3
rgb(33,146,195)
-
#1995cb
#1995cb
rgb(25,149,203)
-
#1099d4
#1099d4
rgb(16,153,212)
-
#079cdd
#079cdd
rgb(7,156,221)
Color Blindness Simulator
Below, you can see how #338bb1 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.