#69b4ec hex color

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

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

● #69b4ec color description : Soft blue.

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

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

CIE-LAB	70.663, -7.536, -35.05
XYZ	37.284, 41.7, 85.436
xyY	0.227, 0.254, 41.7
CIE-LCH	70.663, 35.851, 257.866
CIE-LUV	70.663, -32.681, -55.118
Hunter-Lab	64.575, -9.946, -33.241
Binary	01101001, 10110100, 11101100

#69b4ec
```
#69b4ec rgb(105,180,236)
```
#eca169
```
#eca169 rgb(236,161,105)
```

Complementary Color

#69ece3
```
#69ece3 rgb(105,236,227)
```
#69b4ec
```
#69b4ec rgb(105,180,236)
```
#6973ec
```
#6973ec rgb(105,115,236)
```

Analogous Color

#ece369
```
#ece369 rgb(236,227,105)
```
#69b4ec
```
#69b4ec rgb(105,180,236)
```
#ec6973
```
#ec6973 rgb(236,105,115)
```

Split Complementary Color

#b4ec69
```
#b4ec69 rgb(180,236,105)
```
#69b4ec
```
#69b4ec rgb(105,180,236)
```
#ec69b4
```
#ec69b4 rgb(236,105,180)
```

Triadic Color

#69eca1
```
#69eca1 rgb(105,236,161)
```
#69b4ec
```
#69b4ec rgb(105,180,236)
```
#ec69b4
```
#ec69b4 rgb(236,105,180)
```
#eca169
```
#eca169 rgb(236,161,105)
```

Tetradic Color

#2592e3
```
#2592e3 rgb(37,146,227)
```
#3c9de6
```
#3c9de6 rgb(60,157,230)
```
#52a9e9
```
#52a9e9 rgb(82,169,233)
```
#69b4ec
```
#69b4ec rgb(105,180,236)
```
#80bfef
```
#80bfef rgb(128,191,239)
```
#96cbf2
```
#96cbf2 rgb(150,203,242)
```
#add6f5
```
#add6f5 rgb(173,214,245)
```

Monochromatic Color

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

#69d5ec
```
#69d5ec rgb(105,213,236)
```
#69caec
```
#69caec rgb(105,202,236)
```
#69bfec
```
#69bfec rgb(105,191,236)
```
#69b4ec
```
#69b4ec rgb(105,180,236)
```
#69a9ec
```
#69a9ec rgb(105,169,236)
```
#699eec
```
#699eec rgb(105,158,236)
```
#6993ec
```
#6993ec rgb(105,147,236)
```

Similar Colors

Text with hexadecimal color #69b4ec

This text has a font color of #69b4ec.

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

#69b4ec background color

This paragraph has a background color of #69b4ec.

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

#69b4ec border color

This element has a border color of #69b4ec.

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

CSS codes

.text {color:#69b4ec;}

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

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

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)
```
#0a304c
```
#0a304c rgb(10,48,76)
```
#0c3b5e
```
#0c3b5e rgb(12,59,94)
```
#0e466f
```
#0e466f rgb(14,70,111)
```
#105181
```
#105181 rgb(16,81,129)
```
#125b92
```
#125b92 rgb(18,91,146)
```
#1566a3
```
#1566a3 rgb(21,102,163)
```
#1771b5
```
#1771b5 rgb(23,113,181)
```
#197cc6
```
#197cc6 rgb(25,124,198)
```
#1b87d8
```
#1b87d8 rgb(27,135,216)
```

Shade Color Variation

#2391e3
```
#2391e3 rgb(35,145,227)
```
#359ae5
```
#359ae5 rgb(53,154,229)
```
#46a3e8
```
#46a3e8 rgb(70,163,232)
```
#58abea
```
#58abea rgb(88,171,234)
```
#69b4ec
```
#69b4ec rgb(105,180,236)
```
#7abdee
```
#7abdee rgb(122,189,238)
```
#8cc5f0
```
#8cc5f0 rgb(140,197,240)
```
#9dcef3
```
#9dcef3 rgb(157,206,243)
```
#afd7f5
```
#afd7f5 rgb(175,215,245)
```
#c0e0f7
```
#c0e0f7 rgb(192,224,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 #5cb6f9 is the most saturated one.

#aaabab
```
#aaabab rgb(170,171,171)
```
#a4acb2
```
#a4acb2 rgb(164,172,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)
```
#7db1d9
```
#7db1d9 rgb(125,177,217)
```
#76b2df
```
#76b2df rgb(118,178,223)
```
#70b3e6
```
#70b3e6 rgb(112,179,230)
```
#69b4ec
```
#69b4ec rgb(105,180,236)
```
#63b5f3
```
#63b5f3 rgb(99,181,243)
```
#5cb6f9
```
#5cb6f9 rgb(92,182,249)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#98a7b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0afe6 Protanopia 1% of men
#99aff0 Deuteranopia 1% of men
#60becc Tritanopia 0.001% of the population

Trichromacy

#8cb0e8 Protanomaly 1% of men, 0.01% of women
#88b1ee Deuteranomaly 6% of men, 0.4% of women
#63bad7 Tritanomaly 0.01% of the population

#69b4ec hex color

#69b4ec Color Information

#69b4ec Color Conversion

Color Schemes with #69b4ec

Alternatives to #69b4ec

#69b4ec Preview

Shades and Tints of #69b4ec

Tones of #69b4ec

Color Blindness Simulator