#497afa hex color

In a RGB color space, hex #497afa is composed of 28.6% red, 47.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 51.2% magenta, 0% yellow and 2% black. It has a hue angle of 223.4 degrees, a saturation of 94.7% and a lightness of 63.3%. #497afa color hex could be obtained by blending #92f4ff with #0000f5. Closest websafe color is: #3366ff.

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

● #497afa color description : Bright blue.

The hexadecimal color #497afa has RGB values of R:73, G:122, B:250 and CMYK values of C:0.71, M:0.51, Y:0, K:0.02. Its decimal value is 4815610.

Hex triplet	497afa	`#497afa`
RGB Decimal	73, 122, 250	`rgb(73,122,250)`
RGB Percent	28.6, 47.8, 98	`rgb(28.6%,47.8%,98%)`
CMYK	71, 51, 0, 2
HSL	223.4°, 94.7, 63.3	`hsl(223.4,94.7%,63.3%)`
HSV (or HSB)	223.4°, 70.8, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	54.276, 25.601, -68.803
XYZ	26.959, 22.236, 93.308
xyY	0.189, 0.156, 22.236
CIE-LCH	54.276, 73.412, 290.41
CIE-LUV	54.276, -20.785, -109.967
Hunter-Lab	47.155, 19.529, -84.313
Binary	01001001, 01111010, 11111010

#497afa
```
#497afa rgb(73,122,250)
```
#fac949
```
#fac949 rgb(250,201,73)
```

Complementary Color

#49d3fa
```
#49d3fa rgb(73,211,250)
```
#497afa
```
#497afa rgb(73,122,250)
```
#7149fa
```
#7149fa rgb(113,73,250)
```

Analogous Color

#d3fa49
```
#d3fa49 rgb(211,250,73)
```
#497afa
```
#497afa rgb(73,122,250)
```
#fa7149
```
#fa7149 rgb(250,113,73)
```

Split Complementary Color

#7afa49
```
#7afa49 rgb(122,250,73)
```
#497afa
```
#497afa rgb(73,122,250)
```
#fa497a
```
#fa497a rgb(250,73,122)
```

Triadic Color

#49fac9
```
#49fac9 rgb(73,250,201)
```
#497afa
```
#497afa rgb(73,122,250)
```
#fa497a
```
#fa497a rgb(250,73,122)
```
#fac949
```
#fac949 rgb(250,201,73)
```

Tetradic Color

#0747f0
```
#0747f0 rgb(7,71,240)
```
#1756f9
```
#1756f9 rgb(23,86,249)
```
#3068f9
```
#3068f9 rgb(48,104,249)
```
#497afa
```
#497afa rgb(73,122,250)
```
#628cfb
```
#628cfb rgb(98,140,251)
```
#7b9efb
```
#7b9efb rgb(123,158,251)
```
#93b0fc
```
#93b0fc rgb(147,176,252)
```

Monochromatic Color

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

#49a6fa
```
#49a6fa rgb(73,166,250)
```
#4998fa
```
#4998fa rgb(73,152,250)
```
#4989fa
```
#4989fa rgb(73,137,250)
```
#497afa
```
#497afa rgb(73,122,250)
```
#496bfa
```
#496bfa rgb(73,107,250)
```
#495dfa
```
#495dfa rgb(73,93,250)
```
#494efa
```
#494efa rgb(73,78,250)
```

Similar Colors

Text with hexadecimal color #497afa

This text has a font color of #497afa.

<span style="color:#497afa;">Text here</span>

#497afa background color

This paragraph has a background color of #497afa.

<p style="background-color:#497afa;">Content here</p>

#497afa border color

This element has a border color of #497afa.

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

CSS codes

.text {color:#497afa;}

.background {background-color:#497afa;}

.border {border:1px solid #497afa;}

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

#000309
```
#000309 rgb(0,3,9)
```
#01081c
```
#01081c rgb(1,8,28)
```
#010e2f
```
#010e2f rgb(1,14,47)
```
#021442
```
#021442 rgb(2,20,66)
```
#021955
```
#021955 rgb(2,25,85)
```
#031f68
```
#031f68 rgb(3,31,104)
```
#03257b
```
#03257b rgb(3,37,123)
```
#042a8f
```
#042a8f rgb(4,42,143)
```
#0430a2
```
#0430a2 rgb(4,48,162)
```
#0536b5
```
#0536b5 rgb(5,54,181)
```
#053bc8
```
#053bc8 rgb(5,59,200)
```
#0641db
```
#0641db rgb(6,65,219)
```
#0747ee
```
#0747ee rgb(7,71,238)
```

Shade Color Variation

#1050f8
```
#1050f8 rgb(16,80,248)
```
#235ef9
```
#235ef9 rgb(35,94,249)
```
#366cf9
```
#366cf9 rgb(54,108,249)
```
#497afa
```
#497afa rgb(73,122,250)
```
#5c88fb
```
#5c88fb rgb(92,136,251)
```
#6f96fb
```
#6f96fb rgb(111,150,251)
```
#82a4fc
```
#82a4fc rgb(130,164,252)
```
#95b2fc
```
#95b2fc rgb(149,178,252)
```
#a8c0fd
```
#a8c0fd rgb(168,192,253)
```
#bccefd
```
#bccefd rgb(188,206,253)
```
#cfdcfe
```
#cfdcfe rgb(207,220,254)
```
#e2eafe
```
#e2eafe rgb(226,234,254)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa1a4 is the less saturated color, while #497afa is the most saturated one.

#9fa1a4
```
#9fa1a4 rgb(159,161,164)
```
#989dab
```
#989dab rgb(152,157,171)
```
#919ab2
```
#919ab2 rgb(145,154,178)
```
#8a97b9
```
#8a97b9 rgb(138,151,185)
```
#8394c0
```
#8394c0 rgb(131,148,192)
```
#7b90c8
```
#7b90c8 rgb(123,144,200)
```
#748dcf
```
#748dcf rgb(116,141,207)
```
#6d8ad6
```
#6d8ad6 rgb(109,138,214)
```
#6687dd
```
#6687dd rgb(102,135,221)
```
#5f84e4
```
#5f84e4 rgb(95,132,228)
```
#5780ec
```
#5780ec rgb(87,128,236)
```
#507df3
```
#507df3 rgb(80,125,243)
```
#497afa
```
#497afa rgb(73,122,250)
```

Tone Color Variation

Below, you can see how #497afa 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

#7a7a7a Achromatopsia 0.005% of the population
#707a94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d84fd Protanopia 1% of men
#008be4 Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#3780fc Protanomaly 1% of men, 0.01% of women
#1a84ec Deuteranomaly 6% of men, 0.4% of women
#1a8bc0 Tritanomaly 0.01% of the population

#497afa hex color

#497afa Color Information

#497afa Color Conversion

Color Schemes with #497afa

Alternatives to #497afa

#497afa Preview

Shades and Tints of #497afa

Tones of #497afa

Color Blindness Simulator