#339aff Color Information
In a RGB color space, hex #339aff is composed of 20% red, 60.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 39.6% magenta, 0% yellow and 0% black. It has a hue angle of 209.7 degrees, a saturation of 100% and a lightness of 60%. #339aff color hex could be obtained by blending #66ffff with #0035ff. Closest websafe color is: #3399ff.
-
- R 20
- G 60
- B 100
-
- C 80
- M 40
- Y 0
- K 0
● #339aff color description : Vivid blue.
#339aff Color Conversion
The hexadecimal color #339aff has RGB values of R:51, G:154, B:255 and CMYK values of C:0.8, M:0.4, Y:0, K:0. Its decimal value is 3382015.
Hex triplet | 339aff | #339aff |
---|---|---|
RGB Decimal | 51, 154, 255 | rgb(51,154,255) |
RGB Percent | 20, 60.4, 100 | rgb(20%,60.4%,100%) |
CMYK | 80, 40, 0, 0 | |
HSL | 209.7°, 100, 60 | hsl(209.7,100%,60%) |
HSV (or HSB) | 209.7°, 80, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 62.535, 5.537, -58.325 |
---|---|
XYZ | 30.967, 31.032, 98.96 |
xyY | 0.192, 0.193, 31.032 |
CIE-LCH | 62.535, 58.587, 275.424 |
CIE-LUV | 62.535, -33.905, -94.537 |
Hunter-Lab | 55.707, 1.739, -66.331 |
Binary | 00110011, 10011010, 11111111 |
Color Schemes with #339aff
Alternatives to #339aff
Below, you can see some colors close to #339aff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#339aff Preview
This text has a font color of #339aff.
<span style="color:#339aff;">Text here</span>
This paragraph has a background color of #339aff.
<p style="background-color:#339aff;">Content here</p>
This element has a border color of #339aff.
<div style="border:1px solid #339aff;">Content here</div>
.text {color:#339aff;}
.background {background-color:#339aff;}
.border {border:1px solid #339aff;}
Shades and Tints of #339aff
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, #00060c is the darkest color, while #f7fbff is the lightest one.
-
#00060c
#00060c
rgb(0,6,12)
-
#00101f
#00101f
rgb(0,16,31)
-
#001a33
#001a33
rgb(0,26,51)
-
#002447
#002447
rgb(0,36,71)
-
#002e5a
#002e5a
rgb(0,46,90)
-
#00376e
#00376e
rgb(0,55,110)
-
#004181
#004181
rgb(0,65,129)
-
#004b95
#004b95
rgb(0,75,149)
-
#0055a9
#0055a9
rgb(0,85,169)
-
#005fbc
#005fbc
rgb(0,95,188)
-
#0069d0
#0069d0
rgb(0,105,208)
-
#0073e4
#0073e4
rgb(0,115,228)
-
#007df7
#007df7
rgb(0,125,247)
-
#0c87ff
#0c87ff
rgb(12,135,255)
-
#1f90ff
#1f90ff
rgb(31,144,255)
-
#339aff
#339aff
rgb(51,154,255)
-
#47a4ff
#47a4ff
rgb(71,164,255)
-
#5aadff
#5aadff
rgb(90,173,255)
-
#6eb7ff
#6eb7ff
rgb(110,183,255)
-
#81c1ff
#81c1ff
rgb(129,193,255)
-
#95cbff
#95cbff
rgb(149,203,255)
-
#a9d4ff
#a9d4ff
rgb(169,212,255)
-
#bcdeff
#bcdeff
rgb(188,222,255)
-
#d0e8ff
#d0e8ff
rgb(208,232,255)
-
#e4f1ff
#e4f1ff
rgb(228,241,255)
-
#f7fbff
#f7fbff
rgb(247,251,255)
Tones of #339aff
A tone is produced by adding gray to any pure hue. In this case, #9199a1 is the less saturated color, while #339aff is the most saturated one.
-
#9199a1
#9199a1
rgb(145,153,161)
-
#8999a9
#8999a9
rgb(137,153,169)
-
#8199b1
#8199b1
rgb(129,153,177)
-
#7a99b8
#7a99b8
rgb(122,153,184)
-
#7299c0
#7299c0
rgb(114,153,192)
-
#6a99c8
#6a99c8
rgb(106,153,200)
-
#629ad0
#629ad0
rgb(98,154,208)
-
#5a9ad8
#5a9ad8
rgb(90,154,216)
-
#529ae0
#529ae0
rgb(82,154,224)
-
#4b9ae7
#4b9ae7
rgb(75,154,231)
-
#439aef
#439aef
rgb(67,154,239)
-
#3b9af7
#3b9af7
rgb(59,154,247)
-
#339aff
#339aff
rgb(51,154,255)
Color Blindness Simulator
Below, you can see how #339aff 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.