#3a7afa hex color

In a RGB color space, hex #3a7afa is composed of 22.7% red, 47.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 51.2% magenta, 0% yellow and 2% black. It has a hue angle of 220 degrees, a saturation of 95% and a lightness of 60.4%. #3a7afa color hex could be obtained by blending #74f4ff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 23
- G 48
- B 98
RGB color chart
- C 77
- M 51
- Y 0
- K 2
CMYK color chart

● #3a7afa color description : Bright blue.

The hexadecimal color #3a7afa has RGB values of R:58, G:122, B:250 and CMYK values of C:0.77, M:0.51, Y:0, K:0.02. Its decimal value is 3832570.

Hex triplet	3a7afa	`#3a7afa`
RGB Decimal	58, 122, 250	`rgb(58,122,250)`
RGB Percent	22.7, 47.8, 98	`rgb(22.7%,47.8%,98%)`
CMYK	77, 51, 0, 2
HSL	220°, 95, 60.4	`hsl(220,95%,60.4%)`
HSV (or HSB)	220°, 76.8, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.727, 23.843, -69.718
XYZ	25.956, 21.719, 93.261
xyY	0.184, 0.154, 21.719
CIE-LCH	53.727, 73.682, 288.88
CIE-LUV	53.727, -23.354, -110.926
Hunter-Lab	46.603, 17.861, -86.027
Binary	00111010, 01111010, 11111010

#3a7afa
```
#3a7afa rgb(58,122,250)
```
#faba3a
```
#faba3a rgb(250,186,58)
```

Complementary Color

#3adafa
```
#3adafa rgb(58,218,250)
```
#3a7afa
```
#3a7afa rgb(58,122,250)
```
#5a3afa
```
#5a3afa rgb(90,58,250)
```

Analogous Color

#dafa3a
```
#dafa3a rgb(218,250,58)
```
#3a7afa
```
#3a7afa rgb(58,122,250)
```
#fa5a3a
```
#fa5a3a rgb(250,90,58)
```

Split Complementary Color

#7afa3a
```
#7afa3a rgb(122,250,58)
```
#3a7afa
```
#3a7afa rgb(58,122,250)
```
#fa3a7a
```
#fa3a7a rgb(250,58,122)
```

Triadic Color

#3afaba
```
#3afaba rgb(58,250,186)
```
#3a7afa
```
#3a7afa rgb(58,122,250)
```
#fa3a7a
```
#fa3a7a rgb(250,58,122)
```
#faba3a
```
#faba3a rgb(250,186,58)
```

Tetradic Color

#064fe2
```
#064fe2 rgb(6,79,226)
```
#0858f9
```
#0858f9 rgb(8,88,249)
```
#2169f9
```
#2169f9 rgb(33,105,249)
```
#3a7afa
```
#3a7afa rgb(58,122,250)
```
#538bfb
```
#538bfb rgb(83,139,251)
```
#6c9cfb
```
#6c9cfb rgb(108,156,251)
```
#85acfc
```
#85acfc rgb(133,172,252)
```

Monochromatic Color

Below, you can see some colors close to #3a7afa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3aaafa
```
#3aaafa rgb(58,170,250)
```
#3a9afa
```
#3a9afa rgb(58,154,250)
```
#3a8afa
```
#3a8afa rgb(58,138,250)
```
#3a7afa
```
#3a7afa rgb(58,122,250)
```
#3a6afa
```
#3a6afa rgb(58,106,250)
```
#3a5afa
```
#3a5afa rgb(58,90,250)
```
#3a4afa
```
#3a4afa rgb(58,74,250)
```

Similar Colors

Text with hexadecimal color #3a7afa

This text has a font color of #3a7afa.

<span style="color:#3a7afa;">Text here</span>

#3a7afa background color

This paragraph has a background color of #3a7afa.

<p style="background-color:#3a7afa;">Content here</p>

#3a7afa border color

This element has a border color of #3a7afa.

<div style="border:1px solid #3a7afa;">Content here</div>

CSS codes

.text {color:#3a7afa;}

.background {background-color:#3a7afa;}

.border {border:1px solid #3a7afa;}

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, #00050d is the darkest color, while #f9fbff is the lightest one.

#00050d
```
#00050d rgb(0,5,13)
```
#010b21
```
#010b21 rgb(1,11,33)
```
#011234
```
#011234 rgb(1,18,52)
```
#021947
```
#021947 rgb(2,25,71)
```
#02205a
```
#02205a rgb(2,32,90)
```
#03266d
```
#03266d rgb(3,38,109)
```
#032d80
```
#032d80 rgb(3,45,128)
```
#043493
```
#043493 rgb(4,52,147)
```
#043aa6
```
#043aa6 rgb(4,58,166)
```
#0541ba
```
#0541ba rgb(5,65,186)
```
#0548cd
```
#0548cd rgb(5,72,205)
```
#064ee0
```
#064ee0 rgb(6,78,224)
```
#0655f3
```
#0655f3 rgb(6,85,243)
```

Shade Color Variation

#1460f9
```
#1460f9 rgb(20,96,249)
```
#276dfa
```
#276dfa rgb(39,109,250)
```
#3a7afa
```
#3a7afa rgb(58,122,250)
```
#4d87fa
```
#4d87fa rgb(77,135,250)
```
#6094fb
```
#6094fb rgb(96,148,251)
```
#73a1fb
```
#73a1fb rgb(115,161,251)
```
#87aefc
```
#87aefc rgb(135,174,252)
```
#9abbfc
```
#9abbfc rgb(154,187,252)
```
#adc7fd
```
#adc7fd rgb(173,199,253)
```
#c0d4fd
```
#c0d4fd rgb(192,212,253)
```
#d3e1fe
```
#d3e1fe rgb(211,225,254)
```
#e6eefe
```
#e6eefe rgb(230,238,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97999d is the less saturated color, while #3a7afa is the most saturated one.

#97999d
```
#97999d rgb(151,153,157)
```
#8f96a5
```
#8f96a5 rgb(143,150,165)
```
#8894ac
```
#8894ac rgb(136,148,172)
```
#8091b4
```
#8091b4 rgb(128,145,180)
```
#788fbc
```
#788fbc rgb(120,143,188)
```
#708cc4
```
#708cc4 rgb(112,140,196)
```
#698acb
```
#698acb rgb(105,138,203)
```
#6187d3
```
#6187d3 rgb(97,135,211)
```
#5984db
```
#5984db rgb(89,132,219)
```
#5182e3
```
#5182e3 rgb(81,130,227)
```
#4a7fea
```
#4a7fea rgb(74,127,234)
```
#427df2
```
#427df2 rgb(66,125,242)
```
#3a7afa
```
#3a7afa rgb(58,122,250)
```

Tone Color Variation

Below, you can see how #3a7afa 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.

Monochromacy

#757575 Achromatopsia 0.005% of the population
#697690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2982fc Protanopia 1% of men
#0089e1 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#2f7ffb Protanomaly 1% of men, 0.01% of women
#1584ea Deuteranomaly 6% of men, 0.4% of women
#158abe Tritanomaly 0.01% of the population

#3a7afa hex color

#3a7afa Color Information

#3a7afa Color Conversion

Color Schemes with #3a7afa

Alternatives to #3a7afa

#3a7afa Preview

Shades and Tints of #3a7afa

Tones of #3a7afa

Color Blindness Simulator