#69b3ec hex color

In a RGB color space, hex #69b3ec is composed of 41.2% red, 70.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 24.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 206.1 degrees, a saturation of 77.5% and a lightness of 66.9%. #69b3ec color hex could be obtained by blending #d2ffff with #0067d9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 41
- G 70
- B 93
RGB color chart
- C 56
- M 24
- Y 0
- K 7
CMYK color chart

● #69b3ec color description : Soft blue.

The hexadecimal color #69b3ec has RGB values of R:105, G:179, B:236 and CMYK values of C:0.56, M:0.24, Y:0, K:0.07. Its decimal value is 6927340.

Hex triplet	69b3ec	`#69b3ec`
RGB Decimal	105, 179, 236	`rgb(105,179,236)`
RGB Percent	41.2, 70.2, 92.5	`rgb(41.2%,70.2%,92.5%)`
CMYK	56, 24, 0, 7
HSL	206.1°, 77.5, 66.9	`hsl(206.1,77.5%,66.9%)`
HSV (or HSB)	206.1°, 55.5, 92.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.384, -6.99, -35.484
XYZ	37.082, 41.297, 85.369
xyY	0.226, 0.252, 41.297
CIE-LCH	70.384, 36.166, 258.856
CIE-LUV	70.384, -32.311, -55.894
Hunter-Lab	64.263, -9.458, -33.779
Binary	01101001, 10110011, 11101100

#69b3ec
```
#69b3ec rgb(105,179,236)
```
#eca269
```
#eca269 rgb(236,162,105)
```

Complementary Color

#69ece4
```
#69ece4 rgb(105,236,228)
```
#69b3ec
```
#69b3ec rgb(105,179,236)
```
#6972ec
```
#6972ec rgb(105,114,236)
```

Analogous Color

#ece469
```
#ece469 rgb(236,228,105)
```
#69b3ec
```
#69b3ec rgb(105,179,236)
```
#ec6972
```
#ec6972 rgb(236,105,114)
```

Split Complementary Color

#b3ec69
```
#b3ec69 rgb(179,236,105)
```
#69b3ec
```
#69b3ec rgb(105,179,236)
```
#ec69b3
```
#ec69b3 rgb(236,105,179)
```

Triadic Color

#69eca2
```
#69eca2 rgb(105,236,162)
```
#69b3ec
```
#69b3ec rgb(105,179,236)
```
#ec69b3
```
#ec69b3 rgb(236,105,179)
```
#eca269
```
#eca269 rgb(236,162,105)
```

Tetradic Color

#2591e3
```
#2591e3 rgb(37,145,227)
```
#3c9ce6
```
#3c9ce6 rgb(60,156,230)
```
#52a8e9
```
#52a8e9 rgb(82,168,233)
```
#69b3ec
```
#69b3ec rgb(105,179,236)
```
#80beef
```
#80beef rgb(128,190,239)
```
#96caf2
```
#96caf2 rgb(150,202,242)
```
#add5f5
```
#add5f5 rgb(173,213,245)
```

Monochromatic Color

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

#69d4ec
```
#69d4ec rgb(105,212,236)
```
#69c9ec
```
#69c9ec rgb(105,201,236)
```
#69beec
```
#69beec rgb(105,190,236)
```
#69b3ec
```
#69b3ec rgb(105,179,236)
```
#69a8ec
```
#69a8ec rgb(105,168,236)
```
#699dec
```
#699dec rgb(105,157,236)
```
#6992ec
```
#6992ec rgb(105,146,236)
```

Similar Colors

Text with hexadecimal color #69b3ec

This text has a font color of #69b3ec.

<span style="color:#69b3ec;">Text here</span>

#69b3ec background color

This paragraph has a background color of #69b3ec.

<p style="background-color:#69b3ec;">Content here</p>

#69b3ec border color

This element has a border color of #69b3ec.

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

CSS codes

.text {color:#69b3ec;}

.background {background-color:#69b3ec;}

.border {border:1px solid #69b3ec;}

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, #010407 is the darkest color, while #f4fafe is the lightest one.

#010407
```
#010407 rgb(1,4,7)
```
#030f18
```
#030f18 rgb(3,15,24)
```
#051a2a
```
#051a2a rgb(5,26,42)
```
#07253b
```
#07253b rgb(7,37,59)
```
#0a2f4c
```
#0a2f4c rgb(10,47,76)
```
#0c3a5e
```
#0c3a5e rgb(12,58,94)
```
#0e456f
```
#0e456f rgb(14,69,111)
```
#105081
```
#105081 rgb(16,80,129)
```
#125b92
```
#125b92 rgb(18,91,146)
```
#1565a3
```
#1565a3 rgb(21,101,163)
```
#1770b5
```
#1770b5 rgb(23,112,181)
```
#197bc6
```
#197bc6 rgb(25,123,198)
```
#1b86d8
```
#1b86d8 rgb(27,134,216)
```

Shade Color Variation

#2390e3
```
#2390e3 rgb(35,144,227)
```
#3599e5
```
#3599e5 rgb(53,153,229)
```
#46a1e8
```
#46a1e8 rgb(70,161,232)
```
#58aaea
```
#58aaea rgb(88,170,234)
```
#69b3ec
```
#69b3ec rgb(105,179,236)
```
#7abcee
```
#7abcee rgb(122,188,238)
```
#8cc5f0
```
#8cc5f0 rgb(140,197,240)
```
#9dcdf3
```
#9dcdf3 rgb(157,205,243)
```
#afd6f5
```
#afd6f5 rgb(175,214,245)
```
#c0dff7
```
#c0dff7 rgb(192,223,247)
```
#d1e8f9
```
#d1e8f9 rgb(209,232,249)
```
#e3f1fb
```
#e3f1fb rgb(227,241,251)
```
#f4fafe
```
#f4fafe rgb(244,250,254)
```

Tint Color Variation

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

#aaabab
```
#aaabab rgb(170,171,171)
```
#a4abb2
```
#a4abb2 rgb(164,171,178)
```
#9dacb8
```
#9dacb8 rgb(157,172,184)
```
#97adbf
```
#97adbf rgb(151,173,191)
```
#90aec5
```
#90aec5 rgb(144,174,197)
```
#8aafcc
```
#8aafcc rgb(138,175,204)
```
#83b0d2
```
#83b0d2 rgb(131,176,210)
```
#7db0d9
```
#7db0d9 rgb(125,176,217)
```
#76b1df
```
#76b1df rgb(118,177,223)
```
#70b2e6
```
#70b2e6 rgb(112,178,230)
```
#69b3ec
```
#69b3ec rgb(105,179,236)
```
#63b4f3
```
#63b4f3 rgb(99,180,243)
```
#5cb5f9
```
#5cb5f9 rgb(92,181,249)
```

Tone Color Variation

Below, you can see how #69b3ec 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

#a3a3a3 Achromatopsia 0.005% of the population
#97a6b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9faee7 Protanopia 1% of men
#98aef0 Deuteranopia 1% of men
#60bdcb Tritanopia 0.001% of the population

Trichromacy

#8bb0e8 Protanomaly 1% of men, 0.01% of women
#87b0ee Deuteranomaly 6% of men, 0.4% of women
#63b9d7 Tritanomaly 0.01% of the population

#69b3ec hex color

#69b3ec Color Information

#69b3ec Color Conversion

Color Schemes with #69b3ec

Alternatives to #69b3ec

#69b3ec Preview

Shades and Tints of #69b3ec

Tones of #69b3ec

Color Blindness Simulator