#338afa Color Information
In a RGB color space, hex #338afa is composed of 20% red, 54.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 44.8% magenta, 0% yellow and 2% black. It has a hue angle of 213.8 degrees, a saturation of 95.2% and a lightness of 59%. #338afa color hex could be obtained by blending #66ffff with #0015f5. Closest websafe color is: #3399ff.
-
- R 20
- G 54
- B 98
-
- C 80
- M 45
- Y 0
- K 2
● #338afa color description : Bright blue.
#338afa Color Conversion
The hexadecimal color #338afa has RGB values of R:51, G:138, B:250 and CMYK values of C:0.8, M:0.45, Y:0, K:0.02. Its decimal value is 3377914.
Hex triplet | 338afa | #338afa |
---|---|---|
RGB Decimal | 51, 138, 250 | rgb(51,138,250) |
RGB Percent | 20, 54.1, 98 | rgb(20%,54.1%,98%) |
CMYK | 80, 45, 0, 2 | |
HSL | 213.8°, 95.2, 59 | hsl(213.8,95.2%,59%) |
HSV (or HSB) | 213.8°, 79.6, 98 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 57.828, 13.296, -63.116 |
---|---|
XYZ | 27.705, 25.781, 93.953 |
xyY | 0.188, 0.175, 25.781 |
CIE-LCH | 57.828, 64.501, 281.896 |
CIE-LUV | 57.828, -29.077, -101.562 |
Hunter-Lab | 50.775, 8.543, -74.168 |
Binary | 00110011, 10001010, 11111010 |
Color Schemes with #338afa
Alternatives to #338afa
Below, you can see some colors close to #338afa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338afa Preview
This text has a font color of #338afa.
<span style="color:#338afa;">Text here</span>
This paragraph has a background color of #338afa.
<p style="background-color:#338afa;">Content here</p>
This element has a border color of #338afa.
<div style="border:1px solid #338afa;">Content here</div>
.text {color:#338afa;}
.background {background-color:#338afa;}
.border {border:1px solid #338afa;}
Shades and Tints of #338afa
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, #000307 is the darkest color, while #f2f8ff is the lightest one.
-
#000307
#000307
rgb(0,3,7)
-
#010c1a
#010c1a
rgb(1,12,26)
-
#01142d
#01142d
rgb(1,20,45)
-
#021d40
#021d40
rgb(2,29,64)
-
#022653
#022653
rgb(2,38,83)
-
#032e66
#032e66
rgb(3,46,102)
-
#033779
#033779
rgb(3,55,121)
-
#033f8d
#033f8d
rgb(3,63,141)
-
#0448a0
#0448a0
rgb(4,72,160)
-
#0451b3
#0451b3
rgb(4,81,179)
-
#0559c6
#0559c6
rgb(5,89,198)
-
#0562d9
#0562d9
rgb(5,98,217)
-
#066bec
#066bec
rgb(6,107,236)
-
#0d74f9
#0d74f9
rgb(13,116,249)
-
#207ffa
#207ffa
rgb(32,127,250)
-
#338afa
#338afa
rgb(51,138,250)
-
#4695fa
#4695fa
rgb(70,149,250)
-
#59a0fb
#59a0fb
rgb(89,160,251)
-
#6cabfb
#6cabfb
rgb(108,171,251)
-
#80b6fc
#80b6fc
rgb(128,182,252)
-
#93c1fc
#93c1fc
rgb(147,193,252)
-
#a6ccfd
#a6ccfd
rgb(166,204,253)
-
#b9d7fd
#b9d7fd
rgb(185,215,253)
-
#cce2fe
#cce2fe
rgb(204,226,254)
-
#dfedfe
#dfedfe
rgb(223,237,254)
-
#f2f8ff
#f2f8ff
rgb(242,248,255)
Tones of #338afa
A tone is produced by adding gray to any pure hue. In this case, #93969a is the less saturated color, while #338afa is the most saturated one.
-
#93969a
#93969a
rgb(147,150,154)
-
#8b95a2
#8b95a2
rgb(139,149,162)
-
#8394aa
#8394aa
rgb(131,148,170)
-
#7b93b2
#7b93b2
rgb(123,147,178)
-
#7392ba
#7392ba
rgb(115,146,186)
-
#6b91c2
#6b91c2
rgb(107,145,194)
-
#6390ca
#6390ca
rgb(99,144,202)
-
#5b8fd2
#5b8fd2
rgb(91,143,210)
-
#538eda
#538eda
rgb(83,142,218)
-
#4b8de2
#4b8de2
rgb(75,141,226)
-
#438cea
#438cea
rgb(67,140,234)
-
#3b8bf2
#3b8bf2
rgb(59,139,242)
-
#338afa
#338afa
rgb(51,138,250)
Color Blindness Simulator
Below, you can see how #338afa 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.