#338db2 Color Information
In a RGB color space, hex #338db2 is composed of 20% red, 55.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 20.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 197.5 degrees, a saturation of 55.5% and a lightness of 44.9%. #338db2 color hex could be obtained by blending #66ffff with #001b65. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 70
-
- C 71
- M 21
- Y 0
- K 30
● #338db2 color description : Dark blue.
#338db2 Color Conversion
The hexadecimal color #338db2 has RGB values of R:51, G:141, B:178 and CMYK values of C:0.71, M:0.21, Y:0, K:0.3. Its decimal value is 3378610.
Hex triplet | 338db2 | #338db2 |
---|---|---|
RGB Decimal | 51, 141, 178 | rgb(51,141,178) |
RGB Percent | 20, 55.3, 69.8 | rgb(20%,55.3%,69.8%) |
CMYK | 71, 21, 0, 30 | |
HSL | 197.5°, 55.5, 44.9 | hsl(197.5,55.5%,44.9%) |
HSV (or HSB) | 197.5°, 71.3, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 55.038, -14.234, -27.104 |
---|---|
XYZ | 18.924, 22.966, 45.553 |
xyY | 0.216, 0.263, 22.966 |
CIE-LCH | 55.038, 30.614, 242.293 |
CIE-LUV | 55.038, -33.25, -39.356 |
Hunter-Lab | 47.923, -13.38, -22.811 |
Binary | 00110011, 10001101, 10110010 |
Color Schemes with #338db2
Alternatives to #338db2
Below, you can see some colors close to #338db2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338db2 Preview
This text has a font color of #338db2.
<span style="color:#338db2;">Text here</span>
This paragraph has a background color of #338db2.
<p style="background-color:#338db2;">Content here</p>
This element has a border color of #338db2.
<div style="border:1px solid #338db2;">Content here</div>
.text {color:#338db2;}
.background {background-color:#338db2;}
.border {border:1px solid #338db2;}
Shades and Tints of #338db2
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 #fafdfe is the lightest one.
-
#03080a
#03080a
rgb(3,8,10)
-
#07141a
#07141a
rgb(7,20,26)
-
#0c2029
#0c2029
rgb(12,32,41)
-
#102c38
#102c38
rgb(16,44,56)
-
#143847
#143847
rgb(20,56,71)
-
#194557
#194557
rgb(25,69,87)
-
#1d5166
#1d5166
rgb(29,81,102)
-
#225d75
#225d75
rgb(34,93,117)
-
#266984
#266984
rgb(38,105,132)
-
#2a7594
#2a7594
rgb(42,117,148)
-
#2f81a3
#2f81a3
rgb(47,129,163)
-
#338db2
#338db2
rgb(51,141,178)
-
#3799c1
#3799c1
rgb(55,153,193)
-
#43a2c9
#43a2c9
rgb(67,162,201)
-
#52aace
#52aace
rgb(82,170,206)
-
#62b1d2
#62b1d2
rgb(98,177,210)
-
#71b9d6
#71b9d6
rgb(113,185,214)
-
#80c0db
#80c0db
rgb(128,192,219)
-
#8fc8df
#8fc8df
rgb(143,200,223)
-
#9fcfe3
#9fcfe3
rgb(159,207,227)
-
#aed7e8
#aed7e8
rgb(174,215,232)
-
#bddeec
#bddeec
rgb(189,222,236)
-
#cce6f0
#cce6f0
rgb(204,230,240)
-
#dcedf5
#dcedf5
rgb(220,237,245)
-
#ebf5f9
#ebf5f9
rgb(235,245,249)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #338db2
A tone is produced by adding gray to any pure hue. In this case, #717374 is the less saturated color, while #079fde is the most saturated one.
-
#717374
#717374
rgb(113,115,116)
-
#68777d
#68777d
rgb(104,119,125)
-
#5f7b86
#5f7b86
rgb(95,123,134)
-
#567e8f
#567e8f
rgb(86,126,143)
-
#4d8298
#4d8298
rgb(77,130,152)
-
#4586a0
#4586a0
rgb(69,134,160)
-
#3c89a9
#3c89a9
rgb(60,137,169)
-
#338db2
#338db2
rgb(51,141,178)
-
#2a91bb
#2a91bb
rgb(42,145,187)
-
#2194c4
#2194c4
rgb(33,148,196)
-
#1998cc
#1998cc
rgb(25,152,204)
-
#109cd5
#109cd5
rgb(16,156,213)
-
#079fde
#079fde
rgb(7,159,222)
Color Blindness Simulator
Below, you can see how #338db2 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.