#4682fa hex color

In a RGB color space, hex #4682fa is composed of 27.5% red, 51% green and 98% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 48% magenta, 0% yellow and 2% black. It has a hue angle of 220 degrees, a saturation of 94.7% and a lightness of 62.7%. #4682fa color hex could be obtained by blending #8cffff with #0005f5. Closest websafe color is: #3399ff.

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

● #4682fa color description : Bright blue.

The hexadecimal color #4682fa has RGB values of R:70, G:130, B:250 and CMYK values of C:0.72, M:0.48, Y:0, K:0.02. Its decimal value is 4621050.

Hex triplet	4682fa	`#4682fa`
RGB Decimal	70, 130, 250	`rgb(70,130,250)`
RGB Percent	27.5, 51, 98	`rgb(27.5%,51%,98%)`
CMYK	72, 48, 0, 2
HSL	220°, 94.7, 62.7	`hsl(220,94.7%,62.7%)`
HSV (or HSB)	220°, 72, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.255, 20.295, -65.616
XYZ	27.76, 24.168, 93.639
xyY	0.191, 0.166, 24.168
CIE-LCH	56.255, 68.683, 287.187
CIE-LUV	56.255, -23.696, -105.51
Hunter-Lab	49.16, 14.765, -78.521
Binary	01000110, 10000010, 11111010

#4682fa
```
#4682fa rgb(70,130,250)
```
#fabe46
```
#fabe46 rgb(250,190,70)
```

Complementary Color

#46dcfa
```
#46dcfa rgb(70,220,250)
```
#4682fa
```
#4682fa rgb(70,130,250)
```
#6446fa
```
#6446fa rgb(100,70,250)
```

Analogous Color

#dcfa46
```
#dcfa46 rgb(220,250,70)
```
#4682fa
```
#4682fa rgb(70,130,250)
```
#fa6446
```
#fa6446 rgb(250,100,70)
```

Split Complementary Color

#82fa46
```
#82fa46 rgb(130,250,70)
```
#4682fa
```
#4682fa rgb(70,130,250)
```
#fa4682
```
#fa4682 rgb(250,70,130)
```

Triadic Color

#46fabe
```
#46fabe rgb(70,250,190)
```
#4682fa
```
#4682fa rgb(70,130,250)
```
#fa4682
```
#fa4682 rgb(250,70,130)
```
#fabe46
```
#fabe46 rgb(250,190,70)
```

Tetradic Color

#0653ed
```
#0653ed rgb(6,83,237)
```
#1460f9
```
#1460f9 rgb(20,96,249)
```
#2d71f9
```
#2d71f9 rgb(45,113,249)
```
#4682fa
```
#4682fa rgb(70,130,250)
```
#5f93fb
```
#5f93fb rgb(95,147,251)
```
#78a4fb
```
#78a4fb rgb(120,164,251)
```
#90b4fc
```
#90b4fc rgb(144,180,252)
```

Monochromatic Color

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

#46affa
```
#46affa rgb(70,175,250)
```
#46a0fa
```
#46a0fa rgb(70,160,250)
```
#4691fa
```
#4691fa rgb(70,145,250)
```
#4682fa
```
#4682fa rgb(70,130,250)
```
#4673fa
```
#4673fa rgb(70,115,250)
```
#4664fa
```
#4664fa rgb(70,100,250)
```
#4655fa
```
#4655fa rgb(70,85,250)
```

Similar Colors

Text with hexadecimal color #4682fa

This text has a font color of #4682fa.

<span style="color:#4682fa;">Text here</span>

#4682fa background color

This paragraph has a background color of #4682fa.

<p style="background-color:#4682fa;">Content here</p>

#4682fa border color

This element has a border color of #4682fa.

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

CSS codes

.text {color:#4682fa;}

.background {background-color:#4682fa;}

.border {border:1px solid #4682fa;}

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

#000206
```
#000206 rgb(0,2,6)
```
#010919
```
#010919 rgb(1,9,25)
```
#01102c
```
#01102c rgb(1,16,44)
```
#02163f
```
#02163f rgb(2,22,63)
```
#021d52
```
#021d52 rgb(2,29,82)
```
#032465
```
#032465 rgb(3,36,101)
```
#032a79
```
#032a79 rgb(3,42,121)
```
#04318c
```
#04318c rgb(4,49,140)
```
#04389f
```
#04389f rgb(4,56,159)
```
#053eb2
```
#053eb2 rgb(5,62,178)
```
#0545c5
```
#0545c5 rgb(5,69,197)
```
#064cd8
```
#064cd8 rgb(6,76,216)
```
#0653eb
```
#0653eb rgb(6,83,235)
```

Shade Color Variation

#0d5bf8
```
#0d5bf8 rgb(13,91,248)
```
#2068f9
```
#2068f9 rgb(32,104,249)
```
#3375f9
```
#3375f9 rgb(51,117,249)
```
#4682fa
```
#4682fa rgb(70,130,250)
```
#598ffb
```
#598ffb rgb(89,143,251)
```
#6c9cfb
```
#6c9cfb rgb(108,156,251)
```
#7fa9fc
```
#7fa9fc rgb(127,169,252)
```
#92b6fc
```
#92b6fc rgb(146,182,252)
```
#a5c3fd
```
#a5c3fd rgb(165,195,253)
```
#b9cffd
```
#b9cffd rgb(185,207,253)
```
#ccdcfe
```
#ccdcfe rgb(204,220,254)
```
#dfe9fe
```
#dfe9fe rgb(223,233,254)
```
#f2f6ff
```
#f2f6ff rgb(242,246,255)
```

Tint Color Variation

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

#9e9fa2
```
#9e9fa2 rgb(158,159,162)
```
#969daa
```
#969daa rgb(150,157,170)
```
#8f9ab1
```
#8f9ab1 rgb(143,154,177)
```
#8898b8
```
#8898b8 rgb(136,152,184)
```
#8095c0
```
#8095c0 rgb(128,149,192)
```
#7993c7
```
#7993c7 rgb(121,147,199)
```
#7291ce
```
#7291ce rgb(114,145,206)
```
#6b8ed5
```
#6b8ed5 rgb(107,142,213)
```
#638cdd
```
#638cdd rgb(99,140,221)
```
#5c89e4
```
#5c89e4 rgb(92,137,228)
```
#5587eb
```
#5587eb rgb(85,135,235)
```
#4d84f3
```
#4d84f3 rgb(77,132,243)
```
#4682fa
```
#4682fa rgb(70,130,250)
```

Tone Color Variation

Below, you can see how #4682fa 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

#7e7e7e Achromatopsia 0.005% of the population
#737f97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4789fb Protanopia 1% of men
#008fed Deuteranopia 1% of men
#009aa5 Tritanopia 0.001% of the population

Trichromacy

#4786fa Protanomaly 1% of men, 0.01% of women
#198af2 Deuteranomaly 6% of men, 0.4% of women
#1991c3 Tritanomaly 0.01% of the population

#4682fa hex color

#4682fa Color Information

#4682fa Color Conversion

Color Schemes with #4682fa

Alternatives to #4682fa

#4682fa Preview

Shades and Tints of #4682fa

Tones of #4682fa

Color Blindness Simulator