#338ad5 Color Information
In a RGB color space, hex #338ad5 is composed of 20% red, 54.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 35.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 207.8 degrees, a saturation of 65.9% and a lightness of 51.8%. #338ad5 color hex could be obtained by blending #66ffff with #0015ab. Closest websafe color is: #3399cc.
-
- R 20
- G 54
- B 84
-
- C 76
- M 35
- Y 0
- K 16
● #338ad5 color description : Strong blue.
#338ad5 Color Conversion
The hexadecimal color #338ad5 has RGB values of R:51, G:138, B:213 and CMYK values of C:0.76, M:0.35, Y:0, K:0.16. Its decimal value is 3377877.
Hex triplet | 338ad5 | #338ad5 |
---|---|---|
RGB Decimal | 51, 138, 213 | rgb(51,138,213) |
RGB Percent | 20, 54.1, 83.5 | rgb(20%,54.1%,83.5%) |
CMYK | 76, 35, 0, 16 | |
HSL | 207.8°, 65.9, 51.8 | hsl(207.8,65.9%,51.8%) |
HSV (or HSB) | 207.8°, 76.1, 83.5 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.769, -0.224, -45.807 |
---|---|
XYZ | 22.461, 23.683, 66.335 |
xyY | 0.2, 0.211, 23.683 |
CIE-LCH | 55.769, 45.808, 269.72 |
CIE-LUV | 55.769, -30.488, -71.59 |
Hunter-Lab | 48.665, -2.779, -46.751 |
Binary | 00110011, 10001010, 11010101 |
Color Schemes with #338ad5
Alternatives to #338ad5
Below, you can see some colors close to #338ad5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338ad5 Preview
This text has a font color of #338ad5.
<span style="color:#338ad5;">Text here</span>
This paragraph has a background color of #338ad5.
<p style="background-color:#338ad5;">Content here</p>
This element has a border color of #338ad5.
<div style="border:1px solid #338ad5;">Content here</div>
.text {color:#338ad5;}
.background {background-color:#338ad5;}
.border {border:1px solid #338ad5;}
Shades and Tints of #338ad5
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, #020507 is the darkest color, while #f6fafd is the lightest one.
-
#020507
#020507
rgb(2,5,7)
-
#050f18
#050f18
rgb(5,15,24)
-
#081928
#081928
rgb(8,25,40)
-
#0c2438
#0c2438
rgb(12,36,56)
-
#0f2e49
#0f2e49
rgb(15,46,73)
-
#123859
#123859
rgb(18,56,89)
-
#164269
#164269
rgb(22,66,105)
-
#194d79
#194d79
rgb(25,77,121)
-
#1c578a
#1c578a
rgb(28,87,138)
-
#20619a
#20619a
rgb(32,97,154)
-
#236caa
#236caa
rgb(35,108,170)
-
#2676ba
#2676ba
rgb(38,118,186)
-
#2a80cb
#2a80cb
rgb(42,128,203)
-
#338ad5
#338ad5
rgb(51,138,213)
-
#4393d8
#4393d8
rgb(67,147,216)
-
#549ddc
#549ddc
rgb(84,157,220)
-
#64a6df
#64a6df
rgb(100,166,223)
-
#74afe2
#74afe2
rgb(116,175,226)
-
#84b9e6
#84b9e6
rgb(132,185,230)
-
#95c2e9
#95c2e9
rgb(149,194,233)
-
#a5cbec
#a5cbec
rgb(165,203,236)
-
#b5d5f0
#b5d5f0
rgb(181,213,240)
-
#c5def3
#c5def3
rgb(197,222,243)
-
#d6e7f6
#d6e7f6
rgb(214,231,246)
-
#e6f1fa
#e6f1fa
rgb(230,241,250)
-
#f6fafd
#f6fafd
rgb(246,250,253)
Tones of #338ad5
A tone is produced by adding gray to any pure hue. In this case, #7f8489 is the less saturated color, while #0d8dfb is the most saturated one.
-
#7f8489
#7f8489
rgb(127,132,137)
-
#758593
#758593
rgb(117,133,147)
-
#6c869c
#6c869c
rgb(108,134,156)
-
#6286a6
#6286a6
rgb(98,134,166)
-
#5987af
#5987af
rgb(89,135,175)
-
#4f88b9
#4f88b9
rgb(79,136,185)
-
#4689c2
#4689c2
rgb(70,137,194)
-
#3c89cc
#3c89cc
rgb(60,137,204)
-
#338ad5
#338ad5
rgb(51,138,213)
-
#2a8bde
#2a8bde
rgb(42,139,222)
-
#208be8
#208be8
rgb(32,139,232)
-
#178cf1
#178cf1
rgb(23,140,241)
-
#0d8dfb
#0d8dfb
rgb(13,141,251)
Color Blindness Simulator
Below, you can see how #338ad5 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.