#4680fa hex color

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

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

● #4680fa color description : Bright blue.

The hexadecimal color #4680fa has RGB values of R:70, G:128, B:250 and CMYK values of C:0.72, M:0.49, Y:0, K:0.02. Its decimal value is 4620538.

Hex triplet	4680fa	`#4680fa`
RGB Decimal	70, 128, 250	`rgb(70,128,250)`
RGB Percent	27.5, 50.2, 98	`rgb(27.5%,50.2%,98%)`
CMYK	72, 49, 0, 2
HSL	220.7°, 94.7, 62.7	`hsl(220.7,94.7%,62.7%)`
HSV (or HSB)	220.7°, 72, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.726, 21.522, -66.468
XYZ	27.497, 23.641, 93.551
xyY	0.19, 0.163, 23.641
CIE-LCH	55.726, 69.866, 287.942
CIE-LUV	55.726, -23.101, -106.715
Hunter-Lab	48.622, 15.858, -80.043
Binary	01000110, 10000000, 11111010

#4680fa
```
#4680fa rgb(70,128,250)
```
#fac046
```
#fac046 rgb(250,192,70)
```

Complementary Color

#46dafa
```
#46dafa rgb(70,218,250)
```
#4680fa
```
#4680fa rgb(70,128,250)
```
#6646fa
```
#6646fa rgb(102,70,250)
```

Analogous Color

#dafa46
```
#dafa46 rgb(218,250,70)
```
#4680fa
```
#4680fa rgb(70,128,250)
```
#fa6646
```
#fa6646 rgb(250,102,70)
```

Split Complementary Color

#80fa46
```
#80fa46 rgb(128,250,70)
```
#4680fa
```
#4680fa rgb(70,128,250)
```
#fa4680
```
#fa4680 rgb(250,70,128)
```

Triadic Color

#46fac0
```
#46fac0 rgb(70,250,192)
```
#4680fa
```
#4680fa rgb(70,128,250)
```
#fa4680
```
#fa4680 rgb(250,70,128)
```
#fac046
```
#fac046 rgb(250,192,70)
```

Tetradic Color

#0651ed
```
#0651ed rgb(6,81,237)
```
#145ef9
```
#145ef9 rgb(20,94,249)
```
#2d6ff9
```
#2d6ff9 rgb(45,111,249)
```
#4680fa
```
#4680fa rgb(70,128,250)
```
#5f91fb
```
#5f91fb rgb(95,145,251)
```
#78a2fb
```
#78a2fb rgb(120,162,251)
```
#90b3fc
```
#90b3fc rgb(144,179,252)
```

Monochromatic Color

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

#46adfa
```
#46adfa rgb(70,173,250)
```
#469efa
```
#469efa rgb(70,158,250)
```
#468ffa
```
#468ffa rgb(70,143,250)
```
#4680fa
```
#4680fa rgb(70,128,250)
```
#4671fa
```
#4671fa rgb(70,113,250)
```
#4662fa
```
#4662fa rgb(70,98,250)
```
#4653fa
```
#4653fa rgb(70,83,250)
```

Similar Colors

Text with hexadecimal color #4680fa

This text has a font color of #4680fa.

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

#4680fa background color

This paragraph has a background color of #4680fa.

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

#4680fa border color

This element has a border color of #4680fa.

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

CSS codes

.text {color:#4680fa;}

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

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

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)
```
#010f2c
```
#010f2c rgb(1,15,44)
```
#02163f
```
#02163f rgb(2,22,63)
```
#021c52
```
#021c52 rgb(2,28,82)
```
#032365
```
#032365 rgb(3,35,101)
```
#032979
```
#032979 rgb(3,41,121)
```
#04308c
```
#04308c rgb(4,48,140)
```
#04369f
```
#04369f rgb(4,54,159)
```
#053db2
```
#053db2 rgb(5,61,178)
```
#0543c5
```
#0543c5 rgb(5,67,197)
```
#064ad8
```
#064ad8 rgb(6,74,216)
```
#0650eb
```
#0650eb rgb(6,80,235)
```

Shade Color Variation

#0d59f8
```
#0d59f8 rgb(13,89,248)
```
#2066f9
```
#2066f9 rgb(32,102,249)
```
#3373f9
```
#3373f9 rgb(51,115,249)
```
#4680fa
```
#4680fa rgb(70,128,250)
```
#598dfb
```
#598dfb rgb(89,141,251)
```
#6c9afb
```
#6c9afb rgb(108,154,251)
```
#7fa7fc
```
#7fa7fc rgb(127,167,252)
```
#92b4fc
```
#92b4fc rgb(146,180,252)
```
#a5c2fd
```
#a5c2fd rgb(165,194,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 #4680fa is the most saturated one.

#9e9fa2
```
#9e9fa2 rgb(158,159,162)
```
#969daa
```
#969daa rgb(150,157,170)
```
#8f9ab1
```
#8f9ab1 rgb(143,154,177)
```
#8897b8
```
#8897b8 rgb(136,151,184)
```
#8095c0
```
#8095c0 rgb(128,149,192)
```
#7992c7
```
#7992c7 rgb(121,146,199)
```
#7290ce
```
#7290ce rgb(114,144,206)
```
#6b8dd5
```
#6b8dd5 rgb(107,141,213)
```
#638add
```
#638add rgb(99,138,221)
```
#5c88e4
```
#5c88e4 rgb(92,136,228)
```
#5585eb
```
#5585eb rgb(85,133,235)
```
#4d83f3
```
#4d83f3 rgb(77,131,243)
```
#4680fa
```
#4680fa rgb(70,128,250)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#727e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4287fb Protanopia 1% of men
#008eeb Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#4385fa Protanomaly 1% of men, 0.01% of women
#1989f0 Deuteranomaly 6% of men, 0.4% of women
#1990c2 Tritanomaly 0.01% of the population

#4680fa hex color

#4680fa Color Information

#4680fa Color Conversion

Color Schemes with #4680fa

Alternatives to #4680fa

#4680fa Preview

Shades and Tints of #4680fa

Tones of #4680fa

Color Blindness Simulator