#69b0ea hex color

In a RGB color space, hex #69b0ea is composed of 41.2% red, 69% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 24.8% magenta, 0% yellow and 8.2% black. It has a hue angle of 207 degrees, a saturation of 75.4% and a lightness of 66.5%. #69b0ea color hex could be obtained by blending #d2ffff with #0061d5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 69
- B 92
RGB color chart
- C 55
- M 25
- Y 0
- K 8
CMYK color chart

● #69b0ea color description : Soft blue.

The hexadecimal color #69b0ea has RGB values of R:105, G:176, B:234 and CMYK values of C:0.55, M:0.25, Y:0, K:0.08. Its decimal value is 6926570.

Hex triplet	69b0ea	`#69b0ea`
RGB Decimal	105, 176, 234	`rgb(105,176,234)`
RGB Percent	41.2, 69, 91.8	`rgb(41.2%,69%,91.8%)`
CMYK	55, 25, 0, 8
HSL	207°, 75.4, 66.5	`hsl(207,75.4%,66.5%)`
HSV (or HSB)	207°, 55.1, 91.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.464, -5.951, -35.822
XYZ	36.199, 39.992, 83.649
xyY	0.226, 0.25, 39.992
CIE-LCH	69.464, 36.313, 260.568
CIE-LUV	69.464, -31.248, -56.499
Hunter-Lab	63.239, -8.494, -34.157
Binary	01101001, 10110000, 11101010

#69b0ea
```
#69b0ea rgb(105,176,234)
```
#eaa369
```
#eaa369 rgb(234,163,105)
```

Complementary Color

#69eae4
```
#69eae4 rgb(105,234,228)
```
#69b0ea
```
#69b0ea rgb(105,176,234)
```
#6970ea
```
#6970ea rgb(105,112,234)
```

Analogous Color

#eae469
```
#eae469 rgb(234,228,105)
```
#69b0ea
```
#69b0ea rgb(105,176,234)
```
#ea6970
```
#ea6970 rgb(234,105,112)
```

Split Complementary Color

#b0ea69
```
#b0ea69 rgb(176,234,105)
```
#69b0ea
```
#69b0ea rgb(105,176,234)
```
#ea69b0
```
#ea69b0 rgb(234,105,176)
```

Triadic Color

#69eaa3
```
#69eaa3 rgb(105,234,163)
```
#69b0ea
```
#69b0ea rgb(105,176,234)
```
#ea69b0
```
#ea69b0 rgb(234,105,176)
```
#eaa369
```
#eaa369 rgb(234,163,105)
```

Tetradic Color

#268de1
```
#268de1 rgb(38,141,225)
```
#3c98e4
```
#3c98e4 rgb(60,152,228)
```
#53a4e7
```
#53a4e7 rgb(83,164,231)
```
#69b0ea
```
#69b0ea rgb(105,176,234)
```
#7fbced
```
#7fbced rgb(127,188,237)
```
#96c8f0
```
#96c8f0 rgb(150,200,240)
```
#acd3f3
```
#acd3f3 rgb(172,211,243)
```

Monochromatic Color

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

#69d0ea
```
#69d0ea rgb(105,208,234)
```
#69c6ea
```
#69c6ea rgb(105,198,234)
```
#69bbea
```
#69bbea rgb(105,187,234)
```
#69b0ea
```
#69b0ea rgb(105,176,234)
```
#69a5ea
```
#69a5ea rgb(105,165,234)
```
#699bea
```
#699bea rgb(105,155,234)
```
#6990ea
```
#6990ea rgb(105,144,234)
```

Similar Colors

Text with hexadecimal color #69b0ea

This text has a font color of #69b0ea.

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

#69b0ea background color

This paragraph has a background color of #69b0ea.

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

#69b0ea border color

This element has a border color of #69b0ea.

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

CSS codes

.text {color:#69b0ea;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#030e16
```
#030e16 rgb(3,14,22)
```
#051827
```
#051827 rgb(5,24,39)
```
#082338
```
#082338 rgb(8,35,56)
```
#0a2d4a
```
#0a2d4a rgb(10,45,74)
```
#0d385b
```
#0d385b rgb(13,56,91)
```
#0f426c
```
#0f426c rgb(15,66,108)
```
#124d7d
```
#124d7d rgb(18,77,125)
```
#14578f
```
#14578f rgb(20,87,143)
```
#1662a0
```
#1662a0 rgb(22,98,160)
```
#196db1
```
#196db1 rgb(25,109,177)
```
#1b77c2
```
#1b77c2 rgb(27,119,194)
```
#1e82d3
```
#1e82d3 rgb(30,130,211)
```

Shade Color Variation

#248ce0
```
#248ce0 rgb(36,140,224)
```
#3595e3
```
#3595e3 rgb(53,149,227)
```
#479ee5
```
#479ee5 rgb(71,158,229)
```
#58a7e8
```
#58a7e8 rgb(88,167,232)
```
#69b0ea
```
#69b0ea rgb(105,176,234)
```
#7ab9ec
```
#7ab9ec rgb(122,185,236)
```
#8bc2ef
```
#8bc2ef rgb(139,194,239)
```
#9dcbf1
```
#9dcbf1 rgb(157,203,241)
```
#aed4f4
```
#aed4f4 rgb(174,212,244)
```
#bfddf6
```
#bfddf6 rgb(191,221,246)
```
#d0e6f8
```
#d0e6f8 rgb(208,230,248)
```
#e1effb
```
#e1effb rgb(225,239,251)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

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

#a4aaaf
```
#a4aaaf rgb(164,170,175)
```
#9eabb5
```
#9eabb5 rgb(158,171,181)
```
#97abbc
```
#97abbc rgb(151,171,188)
```
#90acc3
```
#90acc3 rgb(144,172,195)
```
#8aadc9
```
#8aadc9 rgb(138,173,201)
```
#83add0
```
#83add0 rgb(131,173,208)
```
#7daed6
```
#7daed6 rgb(125,174,214)
```
#76afdd
```
#76afdd rgb(118,175,221)
```
#70afe3
```
#70afe3 rgb(112,175,227)
```
#69b0ea
```
#69b0ea rgb(105,176,234)
```
#62b1f1
```
#62b1f1 rgb(98,177,241)
```
#5cb1f7
```
#5cb1f7 rgb(92,177,247)
```
#55b2fe
```
#55b2fe rgb(85,178,254)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#96a4b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cace5 Protanopia 1% of men
#95acee Deuteranopia 1% of men
#5fbac8 Tritanopia 0.001% of the population

Trichromacy

#89ade7 Protanomaly 1% of men, 0.01% of women
#85adec Deuteranomaly 6% of men, 0.4% of women
#63b6d4 Tritanomaly 0.01% of the population

#69b0ea hex color

#69b0ea Color Information

#69b0ea Color Conversion

Color Schemes with #69b0ea

Alternatives to #69b0ea

#69b0ea Preview

Shades and Tints of #69b0ea

Tones of #69b0ea

Color Blindness Simulator