#338ae7 Color Information
In a RGB color space, hex #338ae7 is composed of 20% red, 54.1% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 40.3% magenta, 0% yellow and 9.4% black. It has a hue angle of 211 degrees, a saturation of 78.9% and a lightness of 55.3%. #338ae7 color hex could be obtained by blending #66ffff with #0015cf. Closest websafe color is: #3399ff.
-
- R 20
- G 54
- B 91
-
- C 78
- M 40
- Y 0
- K 9
● #338ae7 color description : Bright blue.
#338ae7 Color Conversion
The hexadecimal color #338ae7 has RGB values of R:51, G:138, B:231 and CMYK values of C:0.78, M:0.4, Y:0, K:0.09. Its decimal value is 3377895.
Hex triplet | 338ae7 | #338ae7 |
---|---|---|
RGB Decimal | 51, 138, 231 | rgb(51,138,231) |
RGB Percent | 20, 54.1, 90.6 | rgb(20%,54.1%,90.6%) |
CMYK | 78, 40, 0, 9 | |
HSL | 211°, 78.9, 55.3 | hsl(211,78.9%,55.3%) |
HSV (or HSB) | 211°, 77.9, 90.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.731, 6.325, -54.35 |
---|---|
XYZ | 24.874, 24.648, 79.044 |
xyY | 0.193, 0.192, 24.648 |
CIE-LCH | 56.731, 54.717, 276.638 |
CIE-LUV | 56.731, -29.751, -86.422 |
Hunter-Lab | 49.647, 2.55, -59.643 |
Binary | 00110011, 10001010, 11100111 |
Color Schemes with #338ae7
Alternatives to #338ae7
Below, you can see some colors close to #338ae7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338ae7 Preview
This text has a font color of #338ae7.
<span style="color:#338ae7;">Text here</span>
This paragraph has a background color of #338ae7.
<p style="background-color:#338ae7;">Content here</p>
This element has a border color of #338ae7.
<div style="border:1px solid #338ae7;">Content here</div>
.text {color:#338ae7;}
.background {background-color:#338ae7;}
.border {border:1px solid #338ae7;}
Shades and Tints of #338ae7
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, #010407 is the darkest color, while #f4f9fe is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#030d18
#030d18
rgb(3,13,24)
-
#05172a
#05172a
rgb(5,23,42)
-
#07203b
#07203b
rgb(7,32,59)
-
#092a4d
#092a4d
rgb(9,42,77)
-
#0b335e
#0b335e
rgb(11,51,94)
-
#0d3d70
#0d3d70
rgb(13,61,112)
-
#0f4681
#0f4681
rgb(15,70,129)
-
#115093
#115093
rgb(17,80,147)
-
#135aa5
#135aa5
rgb(19,90,165)
-
#1563b6
#1563b6
rgb(21,99,182)
-
#176dc8
#176dc8
rgb(23,109,200)
-
#1a76d9
#1a76d9
rgb(26,118,217)
-
#2180e5
#2180e5
rgb(33,128,229)
-
#338ae7
#338ae7
rgb(51,138,231)
-
#4594e9
#4594e9
rgb(69,148,233)
-
#569eeb
#569eeb
rgb(86,158,235)
-
#68a8ed
#68a8ed
rgb(104,168,237)
-
#79b2ef
#79b2ef
rgb(121,178,239)
-
#8bbcf1
#8bbcf1
rgb(139,188,241)
-
#9cc6f3
#9cc6f3
rgb(156,198,243)
-
#aed0f5
#aed0f5
rgb(174,208,245)
-
#bfdbf8
#bfdbf8
rgb(191,219,248)
-
#d1e5fa
#d1e5fa
rgb(209,229,250)
-
#e3effc
#e3effc
rgb(227,239,252)
-
#f4f9fe
#f4f9fe
rgb(244,249,254)
Tones of #338ae7
A tone is produced by adding gray to any pure hue. In this case, #8b8d8f is the less saturated color, while #2189f9 is the most saturated one.
-
#8b8d8f
#8b8d8f
rgb(139,141,143)
-
#828d98
#828d98
rgb(130,141,152)
-
#798ca1
#798ca1
rgb(121,140,161)
-
#708caa
#708caa
rgb(112,140,170)
-
#688cb2
#688cb2
rgb(104,140,178)
-
#5f8bbb
#5f8bbb
rgb(95,139,187)
-
#568bc4
#568bc4
rgb(86,139,196)
-
#4d8bcd
#4d8bcd
rgb(77,139,205)
-
#458bd5
#458bd5
rgb(69,139,213)
-
#3c8ade
#3c8ade
rgb(60,138,222)
-
#338ae7
#338ae7
rgb(51,138,231)
-
#2a8af0
#2a8af0
rgb(42,138,240)
-
#2189f9
#2189f9
rgb(33,137,249)
Color Blindness Simulator
Below, you can see how #338ae7 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.