#3a7afc hex color

In a RGB color space, hex #3a7afc is composed of 22.7% red, 47.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 51.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 220.2 degrees, a saturation of 97% and a lightness of 60.8%. #3a7afc color hex could be obtained by blending #74f4ff with #0000f9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 23
- G 48
- B 99
RGB color chart
- C 77
- M 52
- Y 0
- K 1
CMYK color chart

● #3a7afc color description : Bright blue.

The hexadecimal color #3a7afc has RGB values of R:58, G:122, B:252 and CMYK values of C:0.77, M:0.52, Y:0, K:0.01. Its decimal value is 3832572.

Hex triplet	3a7afc	`#3a7afc`
RGB Decimal	58, 122, 252	`rgb(58,122,252)`
RGB Percent	22.7, 47.8, 98.8	`rgb(22.7%,47.8%,98.8%)`
CMYK	77, 52, 0, 1
HSL	220.2°, 97, 60.8	`hsl(220.2,97%,60.8%)`
HSV (or HSB)	220.2°, 77, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.862, 24.571, -70.606
XYZ	26.271, 21.845, 94.922
xyY	0.184, 0.153, 21.845
CIE-LCH	53.862, 74.759, 289.188
CIE-LUV	53.862, -23.326, -112.399
Hunter-Lab	46.739, 18.541, -87.696
Binary	00111010, 01111010, 11111100

#3a7afc
```
#3a7afc rgb(58,122,252)
```
#fcbc3a
```
#fcbc3a rgb(252,188,58)
```

Complementary Color

#3adbfc
```
#3adbfc rgb(58,219,252)
```
#3a7afc
```
#3a7afc rgb(58,122,252)
```
#5b3afc
```
#5b3afc rgb(91,58,252)
```

Analogous Color

#dbfc3a
```
#dbfc3a rgb(219,252,58)
```
#3a7afc
```
#3a7afc rgb(58,122,252)
```
#fc5b3a
```
#fc5b3a rgb(252,91,58)
```

Split Complementary Color

#7afc3a
```
#7afc3a rgb(122,252,58)
```
#3a7afc
```
#3a7afc rgb(58,122,252)
```
#fc3a7a
```
#fc3a7a rgb(252,58,122)
```

Triadic Color

#3afcbc
```
#3afcbc rgb(58,252,188)
```
#3a7afc
```
#3a7afc rgb(58,122,252)
```
#fc3a7a
```
#fc3a7a rgb(252,58,122)
```
#fcbc3a
```
#fcbc3a rgb(252,188,58)
```

Tetradic Color

#044ee6
```
#044ee6 rgb(4,78,230)
```
#0858fb
```
#0858fb rgb(8,88,251)
```
#2169fc
```
#2169fc rgb(33,105,252)
```
#3a7afc
```
#3a7afc rgb(58,122,252)
```
#538bfc
```
#538bfc rgb(83,139,252)
```
#6c9cfd
```
#6c9cfd rgb(108,156,253)
```
#85adfd
```
#85adfd rgb(133,173,253)
```

Monochromatic Color

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

#3aabfc
```
#3aabfc rgb(58,171,252)
```
#3a9afc
```
#3a9afc rgb(58,154,252)
```
#3a8afc
```
#3a8afc rgb(58,138,252)
```
#3a7afc
```
#3a7afc rgb(58,122,252)
```
#3a6afc
```
#3a6afc rgb(58,106,252)
```
#3a5afc
```
#3a5afc rgb(58,90,252)
```
#3a4afc
```
#3a4afc rgb(58,74,252)
```

Similar Colors

Text with hexadecimal color #3a7afc

This text has a font color of #3a7afc.

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

#3a7afc background color

This paragraph has a background color of #3a7afc.

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

#3a7afc border color

This element has a border color of #3a7afc.

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

CSS codes

.text {color:#3a7afc;}

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

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

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, #000510 is the darkest color, while #fbfcff is the lightest one.

#000510
```
#000510 rgb(0,5,16)
```
#010c23
```
#010c23 rgb(1,12,35)
```
#011236
```
#011236 rgb(1,18,54)
```
#011949
```
#011949 rgb(1,25,73)
```
#01205d
```
#01205d rgb(1,32,93)
```
#022670
```
#022670 rgb(2,38,112)
```
#022d83
```
#022d83 rgb(2,45,131)
```
#023397
```
#023397 rgb(2,51,151)
```
#033aaa
```
#033aaa rgb(3,58,170)
```
#0340bd
```
#0340bd rgb(3,64,189)
```
#0347d1
```
#0347d1 rgb(3,71,209)
```
#034ee4
```
#034ee4 rgb(3,78,228)
```
#0454f7
```
#0454f7 rgb(4,84,247)
```

Shade Color Variation

#1360fb
```
#1360fb rgb(19,96,251)
```
#276dfc
```
#276dfc rgb(39,109,252)
```
#3a7afc
```
#3a7afc rgb(58,122,252)
```
#4d87fc
```
#4d87fc rgb(77,135,252)
```
#6194fd
```
#6194fd rgb(97,148,253)
```
#74a1fd
```
#74a1fd rgb(116,161,253)
```
#87aefd
```
#87aefd rgb(135,174,253)
```
#9bbbfd
```
#9bbbfd rgb(155,187,253)
```
#aec8fe
```
#aec8fe rgb(174,200,254)
```
#c1d5fe
```
#c1d5fe rgb(193,213,254)
```
#d5e2fe
```
#d5e2fe rgb(213,226,254)
```
#e8efff
```
#e8efff rgb(232,239,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#9699a0
```
#9699a0 rgb(150,153,160)
```
#8f97a7
```
#8f97a7 rgb(143,151,167)
```
#8794af
```
#8794af rgb(135,148,175)
```
#7f92b7
```
#7f92b7 rgb(127,146,183)
```
#788fbe
```
#788fbe rgb(120,143,190)
```
#708cc6
```
#708cc6 rgb(112,140,198)
```
#688ace
```
#688ace rgb(104,138,206)
```
#6087d6
```
#6087d6 rgb(96,135,214)
```
#5984dd
```
#5984dd rgb(89,132,221)
```
#5182e5
```
#5182e5 rgb(81,130,229)
```
#497fed
```
#497fed rgb(73,127,237)
```
#427df4
```
#427df4 rgb(66,125,244)
```
#3a7afc
```
#3a7afc rgb(58,122,252)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6a7791 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2383fe Protanopia 1% of men
#008ae2 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#2b7ffd Protanomaly 1% of men, 0.01% of women
#1584eb Deuteranomaly 6% of men, 0.4% of women
#158abf Tritanomaly 0.01% of the population

#3a7afc hex color

#3a7afc Color Information

#3a7afc Color Conversion

Color Schemes with #3a7afc

Alternatives to #3a7afc

#3a7afc Preview

Shades and Tints of #3a7afc

Tones of #3a7afc

Color Blindness Simulator