#689bf1 hex color

In a RGB color space, hex #689bf1 is composed of 40.8% red, 60.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 35.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 217.7 degrees, a saturation of 83% and a lightness of 67.6%. #689bf1 color hex could be obtained by blending #d0ffff with #0037e3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 61
- B 95
RGB color chart
- C 57
- M 36
- Y 0
- K 5
CMYK color chart

● #689bf1 color description : Soft blue.

The hexadecimal color #689bf1 has RGB values of R:104, G:155, B:241 and CMYK values of C:0.57, M:0.36, Y:0, K:0.05. Its decimal value is 6855665.

Hex triplet	689bf1	`#689bf1`
RGB Decimal	104, 155, 241	`rgb(104,155,241)`
RGB Percent	40.8, 60.8, 94.5	`rgb(40.8%,60.8%,94.5%)`
CMYK	57, 36, 0, 5
HSL	217.7°, 83, 67.6	`hsl(217.7,83%,67.6%)`
HSV (or HSB)	217.7°, 56.8, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.946, 7.904, -48.302
XYZ	33.304, 32.735, 87.778
xyY	0.217, 0.213, 32.735
CIE-LCH	63.946, 48.945, 279.294
CIE-LUV	63.946, -23.867, -78.391
Hunter-Lab	57.214, 3.778, -50.912
Binary	01101000, 10011011, 11110001

#689bf1
```
#689bf1 rgb(104,155,241)
```
#f1be68
```
#f1be68 rgb(241,190,104)
```

Complementary Color

#68e0f1
```
#68e0f1 rgb(104,224,241)
```
#689bf1
```
#689bf1 rgb(104,155,241)
```
#7a68f1
```
#7a68f1 rgb(122,104,241)
```

Analogous Color

#e0f168
```
#e0f168 rgb(224,241,104)
```
#689bf1
```
#689bf1 rgb(104,155,241)
```
#f17a68
```
#f17a68 rgb(241,122,104)
```

Split Complementary Color

#9bf168
```
#9bf168 rgb(155,241,104)
```
#689bf1
```
#689bf1 rgb(104,155,241)
```
#f1689b
```
#f1689b rgb(241,104,155)
```

Triadic Color

#68f1be
```
#68f1be rgb(104,241,190)
```
#689bf1
```
#689bf1 rgb(104,155,241)
```
#f1689b
```
#f1689b rgb(241,104,155)
```
#f1be68
```
#f1be68 rgb(241,190,104)
```

Tetradic Color

#226deb
```
#226deb rgb(34,109,235)
```
#397ced
```
#397ced rgb(57,124,237)
```
#518cef
```
#518cef rgb(81,140,239)
```
#689bf1
```
#689bf1 rgb(104,155,241)
```
#7faaf3
```
#7faaf3 rgb(127,170,243)
```
#97baf5
```
#97baf5 rgb(151,186,245)
```
#aec9f7
```
#aec9f7 rgb(174,201,247)
```

Monochromatic Color

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

#68bdf1
```
#68bdf1 rgb(104,189,241)
```
#68b2f1
```
#68b2f1 rgb(104,178,241)
```
#68a6f1
```
#68a6f1 rgb(104,166,241)
```
#689bf1
```
#689bf1 rgb(104,155,241)
```
#6890f1
```
#6890f1 rgb(104,144,241)
```
#6884f1
```
#6884f1 rgb(104,132,241)
```
#6879f1
```
#6879f1 rgb(104,121,241)
```

Similar Colors

Text with hexadecimal color #689bf1

This text has a font color of #689bf1.

<span style="color:#689bf1;">Text here</span>

#689bf1 background color

This paragraph has a background color of #689bf1.

<p style="background-color:#689bf1;">Content here</p>

#689bf1 border color

This element has a border color of #689bf1.

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

CSS codes

.text {color:#689bf1;}

.background {background-color:#689bf1;}

.border {border:1px solid #689bf1;}

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)
```
#030c1d
```
#030c1d rgb(3,12,29)
```
#04142e
```
#04142e rgb(4,20,46)
```
#061c40
```
#061c40 rgb(6,28,64)
```
#082352
```
#082352 rgb(8,35,82)
```
#092b64
```
#092b64 rgb(9,43,100)
```
#0b3376
```
#0b3376 rgb(11,51,118)
```
#0d3b88
```
#0d3b88 rgb(13,59,136)
```
#0e429a
```
#0e429a rgb(14,66,154)
```
#104aac
```
#104aac rgb(16,74,172)
```
#1252be
```
#1252be rgb(18,82,190)
```
#135ad0
```
#135ad0 rgb(19,90,208)
```
#1561e2
```
#1561e2 rgb(21,97,226)
```

Shade Color Variation

#206bea
```
#206bea rgb(32,107,234)
```
#3277ec
```
#3277ec rgb(50,119,236)
```
#4483ee
```
#4483ee rgb(68,131,238)
```
#568fef
```
#568fef rgb(86,143,239)
```
#689bf1
```
#689bf1 rgb(104,155,241)
```
#7aa7f3
```
#7aa7f3 rgb(122,167,243)
```
#8cb3f4
```
#8cb3f4 rgb(140,179,244)
```
#9ebff6
```
#9ebff6 rgb(158,191,246)
```
#b0cbf8
```
#b0cbf8 rgb(176,203,248)
```
#c2d6f9
```
#c2d6f9 rgb(194,214,249)
```
#d4e2fb
```
#d4e2fb rgb(212,226,251)
```
#e6eefd
```
#e6eefd rgb(230,238,253)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#a7abb2
```
#a7abb2 rgb(167,171,178)
```
#a1aab8
```
#a1aab8 rgb(161,170,184)
```
#9ba8be
```
#9ba8be rgb(155,168,190)
```
#94a6c5
```
#94a6c5 rgb(148,166,197)
```
#8ea5cb
```
#8ea5cb rgb(142,165,203)
```
#88a3d1
```
#88a3d1 rgb(136,163,209)
```
#81a1d8
```
#81a1d8 rgb(129,161,216)
```
#7ba0de
```
#7ba0de rgb(123,160,222)
```
#759ee4
```
#759ee4 rgb(117,158,228)
```
#6e9deb
```
#6e9deb rgb(110,157,235)
```
#689bf1
```
#689bf1 rgb(104,155,241)
```
#6299f7
```
#6299f7 rgb(98,153,247)
```
#5b98fe
```
#5b98fe rgb(91,152,254)
```

Tone Color Variation

Below, you can see how #689bf1 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

#969696 Achromatopsia 0.005% of the population
#8d97a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f9def Protanopia 1% of men
#6fa0f1 Deuteranopia 1% of men
#51acb9 Tritanopia 0.001% of the population

Trichromacy

#769cf0 Protanomaly 1% of men, 0.01% of women
#6c9ef1 Deuteranomaly 6% of men, 0.4% of women
#59a6cd Tritanomaly 0.01% of the population

#689bf1 hex color

#689bf1 Color Information

#689bf1 Color Conversion

Color Schemes with #689bf1

Alternatives to #689bf1

#689bf1 Preview

Shades and Tints of #689bf1

Tones of #689bf1

Color Blindness Simulator