#4680ec hex color

In a RGB color space, hex #4680ec is composed of 27.5% red, 50.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 45.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 219 degrees, a saturation of 81.4% and a lightness of 60%. #4680ec color hex could be obtained by blending #8cffff with #0001d9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 50
- B 93
RGB color chart
- C 70
- M 46
- Y 0
- K 7
CMYK color chart

● #4680ec color description : Bright blue.

The hexadecimal color #4680ec has RGB values of R:70, G:128, B:236 and CMYK values of C:0.7, M:0.46, Y:0, K:0.07. Its decimal value is 4620524.

Hex triplet	4680ec	`#4680ec`
RGB Decimal	70, 128, 236	`rgb(70,128,236)`
RGB Percent	27.5, 50.2, 92.5	`rgb(27.5%,50.2%,92.5%)`
CMYK	70, 46, 0, 7
HSL	219°, 81.4, 60	`hsl(219,81.4%,60%)`
HSV (or HSB)	219°, 70.3, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	54.86, 16.55, -60.095
XYZ	25.382, 22.795, 82.414
xyY	0.194, 0.175, 22.795
CIE-LCH	54.86, 62.333, 285.397
CIE-LUV	54.86, -23.273, -95.929
Hunter-Lab	47.744, 11.344, -68.924
Binary	01000110, 10000000, 11101100

#4680ec
```
#4680ec rgb(70,128,236)
```
#ecb246
```
#ecb246 rgb(236,178,70)
```

Complementary Color

#46d3ec
```
#46d3ec rgb(70,211,236)
```
#4680ec
```
#4680ec rgb(70,128,236)
```
#5f46ec
```
#5f46ec rgb(95,70,236)
```

Analogous Color

#d3ec46
```
#d3ec46 rgb(211,236,70)
```
#4680ec
```
#4680ec rgb(70,128,236)
```
#ec5f46
```
#ec5f46 rgb(236,95,70)
```

Split Complementary Color

#80ec46
```
#80ec46 rgb(128,236,70)
```
#4680ec
```
#4680ec rgb(70,128,236)
```
#ec4680
```
#ec4680 rgb(236,70,128)
```

Triadic Color

#46ecb2
```
#46ecb2 rgb(70,236,178)
```
#4680ec
```
#4680ec rgb(70,128,236)
```
#ec4680
```
#ec4680 rgb(236,70,128)
```
#ecb246
```
#ecb246 rgb(236,178,70)
```

Tetradic Color

#1557d0
```
#1557d0 rgb(21,87,208)
```
#1860e7
```
#1860e7 rgb(24,96,231)
```
#2f70ea
```
#2f70ea rgb(47,112,234)
```
#4680ec
```
#4680ec rgb(70,128,236)
```
#5d90ee
```
#5d90ee rgb(93,144,238)
```
#74a0f1
```
#74a0f1 rgb(116,160,241)
```
#8bb0f3
```
#8bb0f3 rgb(139,176,243)
```

Monochromatic Color

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

#46aaec
```
#46aaec rgb(70,170,236)
```
#469cec
```
#469cec rgb(70,156,236)
```
#468eec
```
#468eec rgb(70,142,236)
```
#4680ec
```
#4680ec rgb(70,128,236)
```
#4672ec
```
#4672ec rgb(70,114,236)
```
#4664ec
```
#4664ec rgb(70,100,236)
```
#4656ec
```
#4656ec rgb(70,86,236)
```

Similar Colors

Text with hexadecimal color #4680ec

This text has a font color of #4680ec.

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

#4680ec background color

This paragraph has a background color of #4680ec.

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

#4680ec border color

This element has a border color of #4680ec.

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

CSS codes

.text {color:#4680ec;}

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

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

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, #01040b is the darkest color, while #f8fafe is the lightest one.

#01040b
```
#01040b rgb(1,4,11)
```
#030c1c
```
#030c1c rgb(3,12,28)
```
#05132e
```
#05132e rgb(5,19,46)
```
#071b40
```
#071b40 rgb(7,27,64)
```
#082252
```
#082252 rgb(8,34,82)
```
#0a2964
```
#0a2964 rgb(10,41,100)
```
#0c3175
```
#0c3175 rgb(12,49,117)
```
#0e3887
```
#0e3887 rgb(14,56,135)
```
#104099
```
#104099 rgb(16,64,153)
```
#1247ab
```
#1247ab rgb(18,71,171)
```
#134ebd
```
#134ebd rgb(19,78,189)
```
#1556ce
```
#1556ce rgb(21,86,206)
```
#175de0
```
#175de0 rgb(23,93,224)
```

Shade Color Variation

#2268e8
```
#2268e8 rgb(34,104,232)
```
#3474ea
```
#3474ea rgb(52,116,234)
```
#4680ec
```
#4680ec rgb(70,128,236)
```
#588cee
```
#588cee rgb(88,140,238)
```
#6a98f0
```
#6a98f0 rgb(106,152,240)
```
#7ba5f1
```
#7ba5f1 rgb(123,165,241)
```
#8db1f3
```
#8db1f3 rgb(141,177,243)
```
#9fbdf5
```
#9fbdf5 rgb(159,189,245)
```
#b1c9f7
```
#b1c9f7 rgb(177,201,247)
```
#c3d5f9
```
#c3d5f9 rgb(195,213,249)
```
#d4e2fb
```
#d4e2fb rgb(212,226,251)
```
#e6eefc
```
#e6eefc rgb(230,238,252)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94989e is the less saturated color, while #367bfc is the most saturated one.

#94989e
```
#94989e rgb(148,152,158)
```
#8d95a5
```
#8d95a5 rgb(141,149,165)
```
#8593ad
```
#8593ad rgb(133,147,173)
```
#7d91b5
```
#7d91b5 rgb(125,145,181)
```
#758ebd
```
#758ebd rgb(117,142,189)
```
#6d8cc5
```
#6d8cc5 rgb(109,140,197)
```
#6589cd
```
#6589cd rgb(101,137,205)
```
#5e87d4
```
#5e87d4 rgb(94,135,212)
```
#5685dc
```
#5685dc rgb(86,133,220)
```
#4e82e4
```
#4e82e4 rgb(78,130,228)
```
#4680ec
```
#4680ec rgb(70,128,236)
```
#3e7ef4
```
#3e7ef4 rgb(62,126,244)
```
#367bfc
```
#367bfc rgb(54,123,252)
```

Tone Color Variation

Below, you can see how #4680ec 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
#707c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5186ec Protanopia 1% of men
#008be9 Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#4d84ec Protanomaly 1% of men, 0.01% of women
#1987ea Deuteranomaly 6% of men, 0.4% of women
#198ebc Tritanomaly 0.01% of the population

#4680ec hex color

#4680ec Color Information

#4680ec Color Conversion

Color Schemes with #4680ec

Alternatives to #4680ec

#4680ec Preview

Shades and Tints of #4680ec

Tones of #4680ec

Color Blindness Simulator