#4681cc hex color

In a RGB color space, hex #4681cc is composed of 27.5% red, 50.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 36.8% magenta, 0% yellow and 20% black. It has a hue angle of 213.6 degrees, a saturation of 56.8% and a lightness of 53.7%. #4681cc color hex could be obtained by blending #8cffff with #000399. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 51
- B 80
RGB color chart
- C 66
- M 37
- Y 0
- K 20
CMYK color chart

● #4681cc color description : Moderate blue.

The hexadecimal color #4681cc has RGB values of R:70, G:129, B:204 and CMYK values of C:0.66, M:0.37, Y:0, K:0.2. Its decimal value is 4620748.

Hex triplet	4681cc	`#4681cc`
RGB Decimal	70, 129, 204	`rgb(70,129,204)`
RGB Percent	27.5, 50.6, 80	`rgb(27.5%,50.6%,80%)`
CMYK	66, 37, 0, 20
HSL	213.6°, 56.8, 53.7	`hsl(213.6,56.8%,53.7%)`
HSV (or HSB)	213.6°, 65.7, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.342, 4.685, -44.527
XYZ	21.273, 21.361, 60.125
xyY	0.207, 0.208, 21.361
CIE-LCH	53.342, 44.773, 276.007
CIE-LUV	53.342, -24.167, -69.407
Hunter-Lab	46.218, 1.277, -44.779
Binary	01000110, 10000001, 11001100

#4681cc
```
#4681cc rgb(70,129,204)
```
#cc9146
```
#cc9146 rgb(204,145,70)
```

Complementary Color

#46c4cc
```
#46c4cc rgb(70,196,204)
```
#4681cc
```
#4681cc rgb(70,129,204)
```
#4e46cc
```
#4e46cc rgb(78,70,204)
```

Analogous Color

#c4cc46
```
#c4cc46 rgb(196,204,70)
```
#4681cc
```
#4681cc rgb(70,129,204)
```
#cc4e46
```
#cc4e46 rgb(204,78,70)
```

Split Complementary Color

#81cc46
```
#81cc46 rgb(129,204,70)
```
#4681cc
```
#4681cc rgb(70,129,204)
```
#cc4681
```
#cc4681 rgb(204,70,129)
```

Triadic Color

#46cc91
```
#46cc91 rgb(70,204,145)
```
#4681cc
```
#4681cc rgb(70,129,204)
```
#cc4681
```
#cc4681 rgb(204,70,129)
```
#cc9146
```
#cc9146 rgb(204,145,70)
```

Tetradic Color

#2b5c9b
```
#2b5c9b rgb(43,92,155)
```
#3068af
```
#3068af rgb(48,104,175)
```
#3674c3
```
#3674c3 rgb(54,116,195)
```
#4681cc
```
#4681cc rgb(70,129,204)
```
#5a8fd2
```
#5a8fd2 rgb(90,143,210)
```
#6e9cd7
```
#6e9cd7 rgb(110,156,215)
```
#82aadd
```
#82aadd rgb(130,170,221)
```

Monochromatic Color

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

#46a3cc
```
#46a3cc rgb(70,163,204)
```
#4697cc
```
#4697cc rgb(70,151,204)
```
#468ccc
```
#468ccc rgb(70,140,204)
```
#4681cc
```
#4681cc rgb(70,129,204)
```
#4676cc
```
#4676cc rgb(70,118,204)
```
#466bcc
```
#466bcc rgb(70,107,204)
```
#4660cc
```
#4660cc rgb(70,96,204)
```

Similar Colors

Text with hexadecimal color #4681cc

This text has a font color of #4681cc.

<span style="color:#4681cc;">Text here</span>

#4681cc background color

This paragraph has a background color of #4681cc.

<p style="background-color:#4681cc;">Content here</p>

#4681cc border color

This element has a border color of #4681cc.

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

CSS codes

.text {color:#4681cc;}

.background {background-color:#4681cc;}

.border {border:1px solid #4681cc;}

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, #04090f is the darkest color, while #ffffff is the lightest one.

#04090f
```
#04090f rgb(4,9,15)
```
#08121e
```
#08121e rgb(8,18,30)
```
#0d1b2e
```
#0d1b2e rgb(13,27,46)
```
#11243d
```
#11243d rgb(17,36,61)
```
#152d4c
```
#152d4c rgb(21,45,76)
```
#19375c
```
#19375c rgb(25,55,92)
```
#1e406b
```
#1e406b rgb(30,64,107)
```
#22497b
```
#22497b rgb(34,73,123)
```
#26528a
```
#26528a rgb(38,82,138)
```
#2a5b99
```
#2a5b99 rgb(42,91,153)
```
#2e64a9
```
#2e64a9 rgb(46,100,169)
```
#336db8
```
#336db8 rgb(51,109,184)
```
#3777c7
```
#3777c7 rgb(55,119,199)
```

Shade Color Variation

#4681cc
```
#4681cc rgb(70,129,204)
```
#558bd0
```
#558bd0 rgb(85,139,208)
```
#6596d4
```
#6596d4 rgb(101,150,212)
```
#74a0d9
```
#74a0d9 rgb(116,160,217)
```
#84abdd
```
#84abdd rgb(132,171,221)
```
#93b5e1
```
#93b5e1 rgb(147,181,225)
```
#a2c0e5
```
#a2c0e5 rgb(162,192,229)
```
#b2caea
```
#b2caea rgb(178,202,234)
```
#c1d5ee
```
#c1d5ee rgb(193,213,238)
```
#d0dff2
```
#d0dff2 rgb(208,223,242)
```
#e0eaf6
```
#e0eaf6 rgb(224,234,246)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86898c is the less saturated color, while #197cf9 is the most saturated one.

#86898c
```
#86898c rgb(134,137,140)
```
#7c8896
```
#7c8896 rgb(124,136,150)
```
#73869f
```
#73869f rgb(115,134,159)
```
#6a85a8
```
#6a85a8 rgb(106,133,168)
```
#6184b1
```
#6184b1 rgb(97,132,177)
```
#5883ba
```
#5883ba rgb(88,131,186)
```
#4f82c3
```
#4f82c3 rgb(79,130,195)
```
#4681cc
```
#4681cc rgb(70,129,204)
```
#3d80d5
```
#3d80d5 rgb(61,128,213)
```
#347fde
```
#347fde rgb(52,127,222)
```
#2b7ee7
```
#2b7ee7 rgb(43,126,231)
```
#227df0
```
#227df0 rgb(34,125,240)
```
#197cf9
```
#197cf9 rgb(25,124,249)
```

Tone Color Variation

Below, you can see how #4681cc 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

#787878 Achromatopsia 0.005% of the population
#6e7a89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6883cb Protanopia 1% of men
#5686cf Deuteranopia 1% of men
#25929d Tritanopia 0.001% of the population

Trichromacy

#5c82cb Protanomaly 1% of men, 0.01% of women
#5084cd Deuteranomaly 6% of men, 0.4% of women
#318cae Tritanomaly 0.01% of the population

#4681cc hex color

#4681cc Color Information

#4681cc Color Conversion

Color Schemes with #4681cc

Alternatives to #4681cc

#4681cc Preview

Shades and Tints of #4681cc

Tones of #4681cc

Color Blindness Simulator