#497bff hex color

In a RGB color space, hex #497bff is composed of 28.6% red, 48.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 51.8% magenta, 0% yellow and 0% black. It has a hue angle of 223.5 degrees, a saturation of 100% and a lightness of 64.3%. #497bff color hex could be obtained by blending #92f6ff with #0000ff. Closest websafe color is: #3366ff.

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

● #497bff color description : Light blue.

The hexadecimal color #497bff has RGB values of R:73, G:123, B:255 and CMYK values of C:0.71, M:0.52, Y:0, K:0. Its decimal value is 4815871.

Hex triplet	497bff	`#497bff`
RGB Decimal	73, 123, 255	`rgb(73,123,255)`
RGB Percent	28.6, 48.2, 100	`rgb(28.6%,48.2%,100%)`
CMYK	71, 52, 0, 0
HSL	223.5°, 100, 64.3	`hsl(223.5,100%,64.3%)`
HSV (or HSB)	223.5°, 71.4, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	54.866, 26.746, -70.612
XYZ	27.877, 22.8, 97.534
xyY	0.188, 0.154, 22.8
CIE-LCH	54.866, 75.507, 290.745
CIE-LUV	54.866, -21.058, -113.114
Hunter-Lab	47.75, 20.648, -87.681
Binary	01001001, 01111011, 11111111

#497bff
```
#497bff rgb(73,123,255)
```
#ffcd49
```
#ffcd49 rgb(255,205,73)
```

Complementary Color

#49d6ff
```
#49d6ff rgb(73,214,255)
```
#497bff
```
#497bff rgb(73,123,255)
```
#7249ff
```
#7249ff rgb(114,73,255)
```

Analogous Color

#d6ff49
```
#d6ff49 rgb(214,255,73)
```
#497bff
```
#497bff rgb(73,123,255)
```
#ff7249
```
#ff7249 rgb(255,114,73)
```

Split Complementary Color

#7bff49
```
#7bff49 rgb(123,255,73)
```
#497bff
```
#497bff rgb(73,123,255)
```
#ff497b
```
#ff497b rgb(255,73,123)
```

Triadic Color

#49ffcd
```
#49ffcd rgb(73,255,205)
```
#497bff
```
#497bff rgb(73,123,255)
```
#ff497b
```
#ff497b rgb(255,73,123)
```
#ffcd49
```
#ffcd49 rgb(255,205,73)
```

Tetradic Color

#0045fc
```
#0045fc rgb(0,69,252)
```
#1656ff
```
#1656ff rgb(22,86,255)
```
#3069ff
```
#3069ff rgb(48,105,255)
```
#497bff
```
#497bff rgb(73,123,255)
```
#638dff
```
#638dff rgb(99,141,255)
```
#7ca0ff
```
#7ca0ff rgb(124,160,255)
```
#96b2ff
```
#96b2ff rgb(150,178,255)
```

Monochromatic Color

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

#49a9ff
```
#49a9ff rgb(73,169,255)
```
#4999ff
```
#4999ff rgb(73,153,255)
```
#498aff
```
#498aff rgb(73,138,255)
```
#497bff
```
#497bff rgb(73,123,255)
```
#496cff
```
#496cff rgb(73,108,255)
```
#495dff
```
#495dff rgb(73,93,255)
```
#494eff
```
#494eff rgb(73,78,255)
```

Similar Colors

Text with hexadecimal color #497bff

This text has a font color of #497bff.

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

#497bff background color

This paragraph has a background color of #497bff.

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

#497bff border color

This element has a border color of #497bff.

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

CSS codes

.text {color:#497bff;}

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

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

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, #00040e is the darkest color, while #fafbff is the lightest one.

#00040e
```
#00040e rgb(0,4,14)
```
#000922
```
#000922 rgb(0,9,34)
```
#000f35
```
#000f35 rgb(0,15,53)
```
#001449
```
#001449 rgb(0,20,73)
```
#00195d
```
#00195d rgb(0,25,93)
```
#001f70
```
#001f70 rgb(0,31,112)
```
#002484
```
#002484 rgb(0,36,132)
```
#002a97
```
#002a97 rgb(0,42,151)
```
#002fab
```
#002fab rgb(0,47,171)
```
#0034bf
```
#0034bf rgb(0,52,191)
```
#003ad2
```
#003ad2 rgb(0,58,210)
```
#003fe6
```
#003fe6 rgb(0,63,230)
```
#0045fa
```
#0045fa rgb(0,69,250)
```

Shade Color Variation

#0e50ff
```
#0e50ff rgb(14,80,255)
```
#225fff
```
#225fff rgb(34,95,255)
```
#356dff
```
#356dff rgb(53,109,255)
```
#497bff
```
#497bff rgb(73,123,255)
```
#5d89ff
```
#5d89ff rgb(93,137,255)
```
#7097ff
```
#7097ff rgb(112,151,255)
```
#84a6ff
```
#84a6ff rgb(132,166,255)
```
#97b4ff
```
#97b4ff rgb(151,180,255)
```
#abc2ff
```
#abc2ff rgb(171,194,255)
```
#bfd0ff
```
#bfd0ff rgb(191,208,255)
```
#d2dfff
```
#d2dfff rgb(210,223,255)
```
#e6edff
```
#e6edff rgb(230,237,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#9da1ab
```
#9da1ab rgb(157,161,171)
```
#969eb2
```
#969eb2 rgb(150,158,178)
```
#8f9bb9
```
#8f9bb9 rgb(143,155,185)
```
#8897c0
```
#8897c0 rgb(136,151,192)
```
#8194c7
```
#8194c7 rgb(129,148,199)
```
#7a91ce
```
#7a91ce rgb(122,145,206)
```
#738ed5
```
#738ed5 rgb(115,142,213)
```
#6c8bdc
```
#6c8bdc rgb(108,139,220)
```
#6588e3
```
#6588e3 rgb(101,136,227)
```
#5e84ea
```
#5e84ea rgb(94,132,234)
```
#5781f1
```
#5781f1 rgb(87,129,241)
```
#507ef8
```
#507ef8 rgb(80,126,248)
```
#497bff
```
#497bff rgb(73,123,255)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#717b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3085ff Protanopia 1% of men
#008ce6 Deuteranopia 1% of men
#0097a0 Tritanopia 0.001% of the population

Trichromacy

#3981ff Protanomaly 1% of men, 0.01% of women
#1a86ef Deuteranomaly 6% of men, 0.4% of women
#1a8cc3 Tritanomaly 0.01% of the population

#497bff hex color

#497bff Color Information

#497bff Color Conversion

Color Schemes with #497bff

Alternatives to #497bff

#497bff Preview

Shades and Tints of #497bff

Tones of #497bff

Color Blindness Simulator