#335af2 Color Information
In a RGB color space, hex #335af2 is composed of 20% red, 35.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 62.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 227.7 degrees, a saturation of 88% and a lightness of 57.5%. #335af2 color hex could be obtained by blending #66b4ff with #0000e5. Closest websafe color is: #3366ff.
-
- R 20
- G 35
- B 95
-
- C 79
- M 63
- Y 0
- K 5
● #335af2 color description : Bright blue.
#335af2 Color Conversion
The hexadecimal color #335af2 has RGB values of R:51, G:90, B:242 and CMYK values of C:0.79, M:0.63, Y:0, K:0.05. Its decimal value is 3365618.
Hex triplet | 335af2 | #335af2 |
---|---|---|
RGB Decimal | 51, 90, 242 | rgb(51,90,242) |
RGB Percent | 20, 35.3, 94.9 | rgb(20%,35.3%,94.9%) |
CMYK | 79, 63, 0, 5 | |
HSL | 227.7°, 88, 57.5 | hsl(227.7,88%,57.5%) |
HSV (or HSB) | 227.7°, 78.9, 94.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 44.837, 40.259, -79.749 |
---|---|
XYZ | 21.045, 14.425, 85.675 |
xyY | 0.174, 0.119, 14.425 |
CIE-LCH | 44.837, 89.335, 296.786 |
CIE-LUV | 44.837, -16.081, -119.936 |
Hunter-Lab | 37.981, 32.44, -107.156 |
Binary | 00110011, 01011010, 11110010 |
Color Schemes with #335af2
Alternatives to #335af2
Below, you can see some colors close to #335af2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#335af2 Preview
This text has a font color of #335af2.
<span style="color:#335af2;">Text here</span>
This paragraph has a background color of #335af2.
<p style="background-color:#335af2;">Content here</p>
This element has a border color of #335af2.
<div style="border:1px solid #335af2;">Content here</div>
.text {color:#335af2;}
.background {background-color:#335af2;}
.border {border:1px solid #335af2;}
Shades and Tints of #335af2
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, #010411 is the darkest color, while #fefeff is the lightest one.
-
#010411
#010411
rgb(1,4,17)
-
#020924
#020924
rgb(2,9,36)
-
#030e36
#030e36
rgb(3,14,54)
-
#051349
#051349
rgb(5,19,73)
-
#06175b
#06175b
rgb(6,23,91)
-
#071c6d
#071c6d
rgb(7,28,109)
-
#082180
#082180
rgb(8,33,128)
-
#092592
#092592
rgb(9,37,146)
-
#0b2aa5
#0b2aa5
rgb(11,42,165)
-
#0c2fb7
#0c2fb7
rgb(12,47,183)
-
#0d33ca
#0d33ca
rgb(13,51,202)
-
#0e38dc
#0e38dc
rgb(14,56,220)
-
#0f3def
#0f3def
rgb(15,61,239)
-
#214bf1
#214bf1
rgb(33,75,241)
-
#335af2
#335af2
rgb(51,90,242)
-
#4569f3
#4569f3
rgb(69,105,243)
-
#5878f4
#5878f4
rgb(88,120,244)
-
#6a87f6
#6a87f6
rgb(106,135,246)
-
#7d96f7
#7d96f7
rgb(125,150,247)
-
#8fa5f8
#8fa5f8
rgb(143,165,248)
-
#a2b3f9
#a2b3f9
rgb(162,179,249)
-
#b4c2fa
#b4c2fa
rgb(180,194,250)
-
#c7d1fb
#c7d1fb
rgb(199,209,251)
-
#d9e0fd
#d9e0fd
rgb(217,224,253)
-
#ebeffe
#ebeffe
rgb(235,239,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #335af2
A tone is produced by adding gray to any pure hue. In this case, #8f9096 is the less saturated color, while #2b55fa is the most saturated one.
-
#8f9096
#8f9096
rgb(143,144,150)
-
#868b9f
#868b9f
rgb(134,139,159)
-
#7e86a7
#7e86a7
rgb(126,134,167)
-
#7682af
#7682af
rgb(118,130,175)
-
#6d7db8
#6d7db8
rgb(109,125,184)
-
#6578c0
#6578c0
rgb(101,120,192)
-
#5d73c8
#5d73c8
rgb(93,115,200)
-
#546ed1
#546ed1
rgb(84,110,209)
-
#4c69d9
#4c69d9
rgb(76,105,217)
-
#4464e1
#4464e1
rgb(68,100,225)
-
#3b5fea
#3b5fea
rgb(59,95,234)
-
#335af2
#335af2
rgb(51,90,242)
-
#2b55fa
#2b55fa
rgb(43,85,250)
Color Blindness Simulator
Below, you can see how #335af2 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.