#69b5fe hex color

In a RGB color space, hex #69b5fe is composed of 41.2% red, 71% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 28.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 209.4 degrees, a saturation of 98.7% and a lightness of 70.4%. #69b5fe color hex could be obtained by blending #d2ffff with #006bfd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 41
- G 71
- B 100
RGB color chart
- C 59
- M 29
- Y 0
- K 0
CMYK color chart

● #69b5fe color description : Soft blue.

The hexadecimal color #69b5fe has RGB values of R:105, G:181, B:254 and CMYK values of C:0.59, M:0.29, Y:0, K:0. Its decimal value is 6927870.

Hex triplet	69b5fe	`#69b5fe`
RGB Decimal	105, 181, 254	`rgb(105,181,254)`
RGB Percent	41.2, 71, 99.6	`rgb(41.2%,71%,99.6%)`
CMYK	59, 29, 0, 0
HSL	209.4°, 98.7, 70.4	`hsl(209.4,98.7%,70.4%)`
HSV (or HSB)	209.4°, 58.7, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.693, -2.563, -43.197
XYZ	40.235, 43.204, 99.979
xyY	0.219, 0.236, 43.204
CIE-LCH	71.693, 43.273, 266.605
CIE-LUV	71.693, -32.606, -69.78
Hunter-Lab	65.73, -5.763, -44.173
Binary	01101001, 10110101, 11111110

#69b5fe
```
#69b5fe rgb(105,181,254)
```
#feb269
```
#feb269 rgb(254,178,105)
```

Complementary Color

#69fefd
```
#69fefd rgb(105,254,253)
```
#69b5fe
```
#69b5fe rgb(105,181,254)
```
#696bfe
```
#696bfe rgb(105,107,254)
```

Analogous Color

#fefd69
```
#fefd69 rgb(254,253,105)
```
#69b5fe
```
#69b5fe rgb(105,181,254)
```
#fe696b
```
#fe696b rgb(254,105,107)
```

Split Complementary Color

#b5fe69
```
#b5fe69 rgb(181,254,105)
```
#69b5fe
```
#69b5fe rgb(105,181,254)
```
#fe69b5
```
#fe69b5 rgb(254,105,181)
```

Triadic Color

#69feb2
```
#69feb2 rgb(105,254,178)
```
#69b5fe
```
#69b5fe rgb(105,181,254)
```
#fe69b5
```
#fe69b5 rgb(254,105,181)
```
#feb269
```
#feb269 rgb(254,178,105)
```

Tetradic Color

#1d90fd
```
#1d90fd rgb(29,144,253)
```
#369cfe
```
#369cfe rgb(54,156,254)
```
#50a9fe
```
#50a9fe rgb(80,169,254)
```
#69b5fe
```
#69b5fe rgb(105,181,254)
```
#82c1fe
```
#82c1fe rgb(130,193,254)
```
#9ccefe
```
#9ccefe rgb(156,206,254)
```
#b5daff
```
#b5daff rgb(181,218,255)
```

Monochromatic Color

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

#69dafe
```
#69dafe rgb(105,218,254)
```
#69cefe
```
#69cefe rgb(105,206,254)
```
#69c1fe
```
#69c1fe rgb(105,193,254)
```
#69b5fe
```
#69b5fe rgb(105,181,254)
```
#69a9fe
```
#69a9fe rgb(105,169,254)
```
#699cfe
```
#699cfe rgb(105,156,254)
```
#6990fe
```
#6990fe rgb(105,144,254)
```

Similar Colors

Text with hexadecimal color #69b5fe

This text has a font color of #69b5fe.

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

#69b5fe background color

This paragraph has a background color of #69b5fe.

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

#69b5fe border color

This element has a border color of #69b5fe.

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

CSS codes

.text {color:#69b5fe;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#000d19
```
#000d19 rgb(0,13,25)
```
#00172d
```
#00172d rgb(0,23,45)
```
#002140
```
#002140 rgb(0,33,64)
```
#012b54
```
#012b54 rgb(1,43,84)
```
#013567
```
#013567 rgb(1,53,103)
```
#013f7b
```
#013f7b rgb(1,63,123)
```
#01498e
```
#01498e rgb(1,73,142)
```
#0153a2
```
#0153a2 rgb(1,83,162)
```
#015db5
```
#015db5 rgb(1,93,181)
```
#0167c9
```
#0167c9 rgb(1,103,201)
```
#0171dc
```
#0171dc rgb(1,113,220)
```
#027bf0
```
#027bf0 rgb(2,123,240)
```

Shade Color Variation

#0885fd
```
#0885fd rgb(8,133,253)
```
#1b8ffd
```
#1b8ffd rgb(27,143,253)
```
#2f98fe
```
#2f98fe rgb(47,152,254)
```
#42a2fe
```
#42a2fe rgb(66,162,254)
```
#56abfe
```
#56abfe rgb(86,171,254)
```
#69b5fe
```
#69b5fe rgb(105,181,254)
```
#7cbffe
```
#7cbffe rgb(124,191,254)
```
#90c8fe
```
#90c8fe rgb(144,200,254)
```
#a3d2fe
```
#a3d2fe rgb(163,210,254)
```
#b7dbff
```
#b7dbff rgb(183,219,255)
```
#cae5ff
```
#cae5ff rgb(202,229,255)
```
#deefff
```
#deefff rgb(222,239,255)
```
#f1f8ff
```
#f1f8ff rgb(241,248,255)
```

Tint Color Variation

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

#afb4b8
```
#afb4b8 rgb(175,180,184)
```
#a9b4be
```
#a9b4be rgb(169,180,190)
```
#a3b4c4
```
#a3b4c4 rgb(163,180,196)
```
#9db4ca
```
#9db4ca rgb(157,180,202)
```
#97b4d0
```
#97b4d0 rgb(151,180,208)
```
#92b4d5
```
#92b4d5 rgb(146,180,213)
```
#8cb4db
```
#8cb4db rgb(140,180,219)
```
#86b4e1
```
#86b4e1 rgb(134,180,225)
```
#80b5e7
```
#80b5e7 rgb(128,181,231)
```
#7ab5ed
```
#7ab5ed rgb(122,181,237)
```
#75b5f2
```
#75b5f2 rgb(117,181,242)
```
#6fb5f8
```
#6fb5f8 rgb(111,181,248)
```
#69b5fe
```
#69b5fe rgb(105,181,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9baab8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9bb1f8 Protanopia 1% of men
#90b2ff Deuteranopia 1% of men
#56c2d0 Tritanopia 0.001% of the population

Trichromacy

#89b2fa Protanomaly 1% of men, 0.01% of women
#82b3fe Deuteranomaly 6% of men, 0.4% of women
#5dbde0 Tritanomaly 0.01% of the population

#69b5fe hex color

#69b5fe Color Information

#69b5fe Color Conversion

Color Schemes with #69b5fe

Alternatives to #69b5fe

#69b5fe Preview

Shades and Tints of #69b5fe

Tones of #69b5fe

Color Blindness Simulator