#6681be hex color

In a RGB color space, hex #6681be is composed of 40% red, 50.6% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 32.1% magenta, 0% yellow and 25.5% black. It has a hue angle of 221.6 degrees, a saturation of 40.4% and a lightness of 57.3%. #6681be color hex could be obtained by blending #ccffff with #00037d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 51
- B 75
RGB color chart
- C 46
- M 32
- Y 0
- K 25
CMYK color chart

● #6681be color description : Slightly desaturated blue.

The hexadecimal color #6681be has RGB values of R:102, G:129, B:190 and CMYK values of C:0.46, M:0.32, Y:0, K:0.25. Its decimal value is 6717886.

Hex triplet	6681be	`#6681be`
RGB Decimal	102, 129, 190	`rgb(102,129,190)`
RGB Percent	40, 50.6, 74.5	`rgb(40%,50.6%,74.5%)`
CMYK	46, 32, 0, 25
HSL	221.6°, 40.4, 57.3	`hsl(221.6,40.4%,57.3%)`
HSV (or HSB)	221.6°, 46.3, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.283, 6.918, -34.966
XYZ	22.622, 22.242, 51.814
xyY	0.234, 0.23, 22.242
CIE-LCH	54.283, 35.644, 281.191
CIE-LUV	54.283, -14.819, -54.428
Hunter-Lab	47.162, 3.089, -32.125
Binary	01100110, 10000001, 10111110

#6681be
```
#6681be rgb(102,129,190)
```
#bea366
```
#bea366 rgb(190,163,102)
```

Complementary Color

#66adbe
```
#66adbe rgb(102,173,190)
```
#6681be
```
#6681be rgb(102,129,190)
```
#7766be
```
#7766be rgb(119,102,190)
```

Analogous Color

#adbe66
```
#adbe66 rgb(173,190,102)
```
#6681be
```
#6681be rgb(102,129,190)
```
#be7766
```
#be7766 rgb(190,119,102)
```

Split Complementary Color

#81be66
```
#81be66 rgb(129,190,102)
```
#6681be
```
#6681be rgb(102,129,190)
```
#be6681
```
#be6681 rgb(190,102,129)
```

Triadic Color

#66bea3
```
#66bea3 rgb(102,190,163)
```
#6681be
```
#6681be rgb(102,129,190)
```
#be6681
```
#be6681 rgb(190,102,129)
```
#bea366
```
#bea366 rgb(190,163,102)
```

Tetradic Color

#405b97
```
#405b97 rgb(64,91,151)
```
#4866a9
```
#4866a9 rgb(72,102,169)
```
#5472b6
```
#5472b6 rgb(84,114,182)
```
#6681be
```
#6681be rgb(102,129,190)
```
#7890c6
```
#7890c6 rgb(120,144,198)
```
#8a9ecd
```
#8a9ecd rgb(138,158,205)
```
#9cadd5
```
#9cadd5 rgb(156,173,213)
```

Monochromatic Color

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

#6697be
```
#6697be rgb(102,151,190)
```
#6690be
```
#6690be rgb(102,144,190)
```
#6688be
```
#6688be rgb(102,136,190)
```
#6681be
```
#6681be rgb(102,129,190)
```
#667abe
```
#667abe rgb(102,122,190)
```
#6672be
```
#6672be rgb(102,114,190)
```
#666bbe
```
#666bbe rgb(102,107,190)
```

Similar Colors

Text with hexadecimal color #6681be

This text has a font color of #6681be.

<span style="color:#6681be;">Text here</span>

#6681be background color

This paragraph has a background color of #6681be.

<p style="background-color:#6681be;">Content here</p>

#6681be border color

This element has a border color of #6681be.

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

CSS codes

.text {color:#6681be;}

.background {background-color:#6681be;}

.border {border:1px solid #6681be;}

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, #05070c is the darkest color, while #fdfefe is the lightest one.

#05070c
```
#05070c rgb(5,7,12)
```
#0b101a
```
#0b101a rgb(11,16,26)
```
#111828
```
#111828 rgb(17,24,40)
```
#172036
```
#172036 rgb(23,32,54)
```
#1d2843
```
#1d2843 rgb(29,40,67)
```
#223151
```
#223151 rgb(34,49,81)
```
#28395f
```
#28395f rgb(40,57,95)
```
#2e416d
```
#2e416d rgb(46,65,109)
```
#344a7a
```
#344a7a rgb(52,74,122)
```
#3a5288
```
#3a5288 rgb(58,82,136)
```
#405a96
```
#405a96 rgb(64,90,150)
```
#4662a4
```
#4662a4 rgb(70,98,164)
```
#4b6bb1
```
#4b6bb1 rgb(75,107,177)
```

Shade Color Variation

#5876b8
```
#5876b8 rgb(88,118,184)
```
#6681be
```
#6681be rgb(102,129,190)
```
#748cc4
```
#748cc4 rgb(116,140,196)
```
#8298ca
```
#8298ca rgb(130,152,202)
```
#8fa3d0
```
#8fa3d0 rgb(143,163,208)
```
#9daed5
```
#9daed5 rgb(157,174,213)
```
#abbadb
```
#abbadb rgb(171,186,219)
```
#b9c5e1
```
#b9c5e1 rgb(185,197,225)
```
#c6d0e7
```
#c6d0e7 rgb(198,208,231)
```
#d4dced
```
#d4dced rgb(212,220,237)
```
#e2e7f3
```
#e2e7f3 rgb(226,231,243)
```
#f0f2f8
```
#f0f2f8 rgb(240,242,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909194 is the less saturated color, while #2b6af9 is the most saturated one.

#909194
```
#909194 rgb(144,145,148)
```
#888e9c
```
#888e9c rgb(136,142,156)
```
#7f8ba5
```
#7f8ba5 rgb(127,139,165)
```
#7787ad
```
#7787ad rgb(119,135,173)
```
#6e84b6
```
#6e84b6 rgb(110,132,182)
```
#6681be
```
#6681be rgb(102,129,190)
```
#5e7ec6
```
#5e7ec6 rgb(94,126,198)
```
#557bcf
```
#557bcf rgb(85,123,207)
```
#4d77d7
```
#4d77d7 rgb(77,119,215)
```
#4474e0
```
#4474e0 rgb(68,116,224)
```
#3c71e8
```
#3c71e8 rgb(60,113,232)
```
#346ef0
```
#346ef0 rgb(52,110,240)
```
#2b6af9
```
#2b6af9 rgb(43,106,249)
```

Tone Color Variation

Below, you can see how #6681be 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

#808080 Achromatopsia 0.005% of the population
#7b808c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7386c0 Protanopia 1% of men
#6e87c1 Deuteranopia 1% of men
#5f8f9a Tritanopia 0.001% of the population

Trichromacy

#6e84bf Protanomaly 1% of men, 0.01% of women
#6b85c0 Deuteranomaly 6% of men, 0.4% of women
#618aa7 Tritanomaly 0.01% of the population

#6681be hex color

#6681be Color Information

#6681be Color Conversion

Color Schemes with #6681be

Alternatives to #6681be

#6681be Preview

Shades and Tints of #6681be

Tones of #6681be

Color Blindness Simulator