#338ab2 Color Information
In a RGB color space, hex #338ab2 is composed of 20% red, 54.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 22.5% magenta, 0% yellow and 30.2% black. It has a hue angle of 198.9 degrees, a saturation of 55.5% and a lightness of 44.9%. #338ab2 color hex could be obtained by blending #66ffff with #001565. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 70
-
- C 71
- M 22
- Y 0
- K 30
● #338ab2 color description : Dark blue.
#338ab2 Color Conversion
The hexadecimal color #338ab2 has RGB values of R:51, G:138, B:178 and CMYK values of C:0.71, M:0.22, Y:0, K:0.3. Its decimal value is 3377842.
Hex triplet | 338ab2 | #338ab2 |
---|---|---|
RGB Decimal | 51, 138, 178 | rgb(51,138,178) |
RGB Percent | 20, 54.1, 69.8 | rgb(20%,54.1%,69.8%) |
CMYK | 71, 22, 0, 30 | |
HSL | 198.9°, 55.5, 44.9 | hsl(198.9,55.5%,44.9%) |
HSV (or HSB) | 198.9°, 71.3, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.126, -12.567, -28.516 |
---|---|
XYZ | 18.488, 22.094, 45.407 |
xyY | 0.215, 0.257, 22.094 |
CIE-LCH | 54.126, 31.162, 246.217 |
CIE-LUV | 54.126, -32.166, -41.719 |
Hunter-Lab | 47.004, -12.049, -24.373 |
Binary | 00110011, 10001010, 10110010 |
Color Schemes with #338ab2
Alternatives to #338ab2
Below, you can see some colors close to #338ab2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338ab2 Preview
This text has a font color of #338ab2.
<span style="color:#338ab2;">Text here</span>
This paragraph has a background color of #338ab2.
<p style="background-color:#338ab2;">Content here</p>
This element has a border color of #338ab2.
<div style="border:1px solid #338ab2;">Content here</div>
.text {color:#338ab2;}
.background {background-color:#338ab2;}
.border {border:1px solid #338ab2;}
Shades and Tints of #338ab2
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, #03080a is the darkest color, while #fafcfe is the lightest one.
-
#03080a
#03080a
rgb(3,8,10)
-
#07141a
#07141a
rgb(7,20,26)
-
#0c2029
#0c2029
rgb(12,32,41)
-
#102b38
#102b38
rgb(16,43,56)
-
#143747
#143747
rgb(20,55,71)
-
#194357
#194357
rgb(25,67,87)
-
#1d4f66
#1d4f66
rgb(29,79,102)
-
#225b75
#225b75
rgb(34,91,117)
-
#266784
#266784
rgb(38,103,132)
-
#2a7294
#2a7294
rgb(42,114,148)
-
#2f7ea3
#2f7ea3
rgb(47,126,163)
-
#338ab2
#338ab2
rgb(51,138,178)
-
#3796c1
#3796c1
rgb(55,150,193)
-
#439fc9
#439fc9
rgb(67,159,201)
-
#52a7ce
#52a7ce
rgb(82,167,206)
-
#62afd2
#62afd2
rgb(98,175,210)
-
#71b6d6
#71b6d6
rgb(113,182,214)
-
#80bedb
#80bedb
rgb(128,190,219)
-
#8fc6df
#8fc6df
rgb(143,198,223)
-
#9fcee3
#9fcee3
rgb(159,206,227)
-
#aed5e8
#aed5e8
rgb(174,213,232)
-
#bdddec
#bdddec
rgb(189,221,236)
-
#cce5f0
#cce5f0
rgb(204,229,240)
-
#dcedf5
#dcedf5
rgb(220,237,245)
-
#ebf5f9
#ebf5f9
rgb(235,245,249)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #338ab2
A tone is produced by adding gray to any pure hue. In this case, #717374 is the less saturated color, while #079ade is the most saturated one.
-
#717374
#717374
rgb(113,115,116)
-
#68767d
#68767d
rgb(104,118,125)
-
#5f7a86
#5f7a86
rgb(95,122,134)
-
#567d8f
#567d8f
rgb(86,125,143)
-
#4d8098
#4d8098
rgb(77,128,152)
-
#4583a0
#4583a0
rgb(69,131,160)
-
#3c87a9
#3c87a9
rgb(60,135,169)
-
#338ab2
#338ab2
rgb(51,138,178)
-
#2a8dbb
#2a8dbb
rgb(42,141,187)
-
#2191c4
#2191c4
rgb(33,145,196)
-
#1994cc
#1994cc
rgb(25,148,204)
-
#1097d5
#1097d5
rgb(16,151,213)
-
#079ade
#079ade
rgb(7,154,222)
Color Blindness Simulator
Below, you can see how #338ab2 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.