#4685ec hex color

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

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

● #4685ec color description : Bright blue.

The hexadecimal color #4685ec has RGB values of R:70, G:133, B:236 and CMYK values of C:0.7, M:0.44, Y:0, K:0.07. Its decimal value is 4621804.

Hex triplet	4685ec	`#4685ec`
RGB Decimal	70, 133, 236	`rgb(70,133,236)`
RGB Percent	27.5, 52.2, 92.5	`rgb(27.5%,52.2%,92.5%)`
CMYK	70, 44, 0, 7
HSL	217.2°, 81.4, 60	`hsl(217.2,81.4%,60%)`
HSV (or HSB)	217.2°, 70.3, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.219, 13.495, -57.917
XYZ	26.05, 24.131, 82.637
xyY	0.196, 0.182, 24.131
CIE-LCH	56.219, 59.468, 283.116
CIE-LUV	56.219, -24.838, -92.685
Hunter-Lab	49.124, 8.692, -65.353
Binary	01000110, 10000101, 11101100

#4685ec
```
#4685ec rgb(70,133,236)
```
#ecad46
```
#ecad46 rgb(236,173,70)
```

Complementary Color

#46d8ec
```
#46d8ec rgb(70,216,236)
```
#4685ec
```
#4685ec rgb(70,133,236)
```
#5a46ec
```
#5a46ec rgb(90,70,236)
```

Analogous Color

#d8ec46
```
#d8ec46 rgb(216,236,70)
```
#4685ec
```
#4685ec rgb(70,133,236)
```
#ec5a46
```
#ec5a46 rgb(236,90,70)
```

Split Complementary Color

#85ec46
```
#85ec46 rgb(133,236,70)
```
#4685ec
```
#4685ec rgb(70,133,236)
```
#ec4685
```
#ec4685 rgb(236,70,133)
```

Triadic Color

#46ecad
```
#46ecad rgb(70,236,173)
```
#4685ec
```
#4685ec rgb(70,133,236)
```
#ec4685
```
#ec4685 rgb(236,70,133)
```
#ecad46
```
#ecad46 rgb(236,173,70)
```

Tetradic Color

#155cd0
```
#155cd0 rgb(21,92,208)
```
#1867e7
```
#1867e7 rgb(24,103,231)
```
#2f76ea
```
#2f76ea rgb(47,118,234)
```
#4685ec
```
#4685ec rgb(70,133,236)
```
#5d94ee
```
#5d94ee rgb(93,148,238)
```
#74a4f1
```
#74a4f1 rgb(116,164,241)
```
#8bb3f3
```
#8bb3f3 rgb(139,179,243)
```

Monochromatic Color

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

#46afec
```
#46afec rgb(70,175,236)
```
#46a1ec
```
#46a1ec rgb(70,161,236)
```
#4693ec
```
#4693ec rgb(70,147,236)
```
#4685ec
```
#4685ec rgb(70,133,236)
```
#4677ec
```
#4677ec rgb(70,119,236)
```
#4669ec
```
#4669ec rgb(70,105,236)
```
#465cec
```
#465cec rgb(70,92,236)
```

Similar Colors

Text with hexadecimal color #4685ec

This text has a font color of #4685ec.

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

#4685ec background color

This paragraph has a background color of #4685ec.

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

#4685ec border color

This element has a border color of #4685ec.

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

CSS codes

.text {color:#4685ec;}

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

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

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

#01050b
```
#01050b rgb(1,5,11)
```
#030d1c
```
#030d1c rgb(3,13,28)
```
#05152e
```
#05152e rgb(5,21,46)
```
#071c40
```
#071c40 rgb(7,28,64)
```
#082452
```
#082452 rgb(8,36,82)
```
#0a2c64
```
#0a2c64 rgb(10,44,100)
```
#0c3475
```
#0c3475 rgb(12,52,117)
```
#0e3c87
```
#0e3c87 rgb(14,60,135)
```
#104499
```
#104499 rgb(16,68,153)
```
#124cab
```
#124cab rgb(18,76,171)
```
#1354bd
```
#1354bd rgb(19,84,189)
```
#155bce
```
#155bce rgb(21,91,206)
```
#1763e0
```
#1763e0 rgb(23,99,224)
```

Shade Color Variation

#226ee8
```
#226ee8 rgb(34,110,232)
```
#3479ea
```
#3479ea rgb(52,121,234)
```
#4685ec
```
#4685ec rgb(70,133,236)
```
#5891ee
```
#5891ee rgb(88,145,238)
```
#6a9cf0
```
#6a9cf0 rgb(106,156,240)
```
#7ba8f1
```
#7ba8f1 rgb(123,168,241)
```
#8db4f3
```
#8db4f3 rgb(141,180,243)
```
#9fc0f5
```
#9fc0f5 rgb(159,192,245)
```
#b1cbf7
```
#b1cbf7 rgb(177,203,247)
```
#c3d7f9
```
#c3d7f9 rgb(195,215,249)
```
#d4e3fb
```
#d4e3fb rgb(212,227,251)
```
#e6effc
```
#e6effc rgb(230,239,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 #3681fc is the most saturated one.

#94989e
```
#94989e rgb(148,152,158)
```
#8d96a5
```
#8d96a5 rgb(141,150,165)
```
#8594ad
```
#8594ad rgb(133,148,173)
```
#7d92b5
```
#7d92b5 rgb(125,146,181)
```
#7590bd
```
#7590bd rgb(117,144,189)
```
#6d8ec5
```
#6d8ec5 rgb(109,142,197)
```
#658dcd
```
#658dcd rgb(101,141,205)
```
#5e8bd4
```
#5e8bd4 rgb(94,139,212)
```
#5689dc
```
#5689dc rgb(86,137,220)
```
#4e87e4
```
#4e87e4 rgb(78,135,228)
```
#4685ec
```
#4685ec rgb(70,133,236)
```
#3e83f4
```
#3e83f4 rgb(62,131,244)
```
#3681fc
```
#3681fc rgb(54,129,252)
```

Tone Color Variation

Below, you can see how #4685ec 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
#737f94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b89eb Protanopia 1% of men
#2d8eeb Deuteranopia 1% of men
#009aa5 Tritanopia 0.001% of the population

Trichromacy

#5388eb Protanomaly 1% of men, 0.01% of women
#368beb Deuteranomaly 6% of men, 0.4% of women
#1992bf Tritanomaly 0.01% of the population

#4685ec hex color

#4685ec Color Information

#4685ec Color Conversion

Color Schemes with #4685ec

Alternatives to #4685ec

#4685ec Preview

Shades and Tints of #4685ec

Tones of #4685ec

Color Blindness Simulator