#69bdfe hex color

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

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

● #69bdfe color description : Soft blue.

The hexadecimal color #69bdfe has RGB values of R:105, G:189, B:254 and CMYK values of C:0.59, M:0.26, Y:0, K:0. Its decimal value is 6929918.

Hex triplet	69bdfe	`#69bdfe`
RGB Decimal	105, 189, 254	`rgb(105,189,254)`
RGB Percent	41.2, 74.1, 99.6	`rgb(41.2%,74.1%,99.6%)`
CMYK	59, 26, 0, 0
HSL	206.2°, 98.7, 70.4	`hsl(206.2,98.7%,70.4%)`
HSV (or HSB)	206.2°, 58.7, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.902, -6.947, -39.75
XYZ	41.908, 46.551, 100.537
xyY	0.222, 0.246, 46.551
CIE-LCH	73.902, 40.353, 260.086
CIE-LUV	73.902, -35.48, -63.581
Hunter-Lab	68.229, -9.759, -39.606
Binary	01101001, 10111101, 11111110

#69bdfe
```
#69bdfe rgb(105,189,254)
```
#feaa69
```
#feaa69 rgb(254,170,105)
```

Complementary Color

#69fef5
```
#69fef5 rgb(105,254,245)
```
#69bdfe
```
#69bdfe rgb(105,189,254)
```
#6973fe
```
#6973fe rgb(105,115,254)
```

Analogous Color

#fef569
```
#fef569 rgb(254,245,105)
```
#69bdfe
```
#69bdfe rgb(105,189,254)
```
#fe6973
```
#fe6973 rgb(254,105,115)
```

Split Complementary Color

#bdfe69
```
#bdfe69 rgb(189,254,105)
```
#69bdfe
```
#69bdfe rgb(105,189,254)
```
#fe69bd
```
#fe69bd rgb(254,105,189)
```

Triadic Color

#69feaa
```
#69feaa rgb(105,254,170)
```
#69bdfe
```
#69bdfe rgb(105,189,254)
```
#fe69bd
```
#fe69bd rgb(254,105,189)
```
#feaa69
```
#feaa69 rgb(254,170,105)
```

Tetradic Color

#1d9cfd
```
#1d9cfd rgb(29,156,253)
```
#36a7fe
```
#36a7fe rgb(54,167,254)
```
#50b2fe
```
#50b2fe rgb(80,178,254)
```
#69bdfe
```
#69bdfe rgb(105,189,254)
```
#82c8fe
```
#82c8fe rgb(130,200,254)
```
#9cd3fe
```
#9cd3fe rgb(156,211,254)
```
#b5deff
```
#b5deff rgb(181,222,255)
```

Monochromatic Color

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

#69e2fe
```
#69e2fe rgb(105,226,254)
```
#69d6fe
```
#69d6fe rgb(105,214,254)
```
#69c9fe
```
#69c9fe rgb(105,201,254)
```
#69bdfe
```
#69bdfe rgb(105,189,254)
```
#69b1fe
```
#69b1fe rgb(105,177,254)
```
#69a4fe
```
#69a4fe rgb(105,164,254)
```
#6998fe
```
#6998fe rgb(105,152,254)
```

Similar Colors

Text with hexadecimal color #69bdfe

This text has a font color of #69bdfe.

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

#69bdfe background color

This paragraph has a background color of #69bdfe.

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

#69bdfe border color

This element has a border color of #69bdfe.

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

CSS codes

.text {color:#69bdfe;}

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

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

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 #f1f9ff is the lightest one.

#000306
```
#000306 rgb(0,3,6)
```
#000e19
```
#000e19 rgb(0,14,25)
```
#00192d
```
#00192d rgb(0,25,45)
```
#002440
```
#002440 rgb(0,36,64)
```
#013054
```
#013054 rgb(1,48,84)
```
#013b67
```
#013b67 rgb(1,59,103)
```
#01467b
```
#01467b rgb(1,70,123)
```
#01518e
```
#01518e rgb(1,81,142)
```
#015ca2
```
#015ca2 rgb(1,92,162)
```
#0167b5
```
#0167b5 rgb(1,103,181)
```
#0172c9
```
#0172c9 rgb(1,114,201)
```
#017ddc
```
#017ddc rgb(1,125,220)
```
#0288f0
```
#0288f0 rgb(2,136,240)
```

Shade Color Variation

#0892fd
```
#0892fd rgb(8,146,253)
```
#1b9bfd
```
#1b9bfd rgb(27,155,253)
```
#2fa3fe
```
#2fa3fe rgb(47,163,254)
```
#42acfe
```
#42acfe rgb(66,172,254)
```
#56b4fe
```
#56b4fe rgb(86,180,254)
```
#69bdfe
```
#69bdfe rgb(105,189,254)
```
#7cc6fe
```
#7cc6fe rgb(124,198,254)
```
#90cefe
```
#90cefe rgb(144,206,254)
```
#a3d7fe
```
#a3d7fe rgb(163,215,254)
```
#b7dfff
```
#b7dfff rgb(183,223,255)
```
#cae8ff
```
#cae8ff rgb(202,232,255)
```
#def0ff
```
#def0ff rgb(222,240,255)
```
#f1f9ff
```
#f1f9ff rgb(241,249,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 #69bdfe is the most saturated one.

#afb4b8
```
#afb4b8 rgb(175,180,184)
```
#a9b5be
```
#a9b5be rgb(169,181,190)
```
#a3b6c4
```
#a3b6c4 rgb(163,182,196)
```
#9db6ca
```
#9db6ca rgb(157,182,202)
```
#97b7d0
```
#97b7d0 rgb(151,183,208)
```
#92b8d5
```
#92b8d5 rgb(146,184,213)
```
#8cb9db
```
#8cb9db rgb(140,185,219)
```
#86b9e1
```
#86b9e1 rgb(134,185,225)
```
#80bae7
```
#80bae7 rgb(128,186,231)
```
#7abbed
```
#7abbed rgb(122,187,237)
```
#75bcf2
```
#75bcf2 rgb(117,188,242)
```
#6fbcf8
```
#6fbcf8 rgb(111,188,248)
```
#69bdfe
```
#69bdfe rgb(105,189,254)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9eafbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b7f7 Protanopia 1% of men
#9cb8ff Deuteranopia 1% of men
#5ac8d6 Tritanopia 0.001% of the population

Trichromacy

#8fb9f9 Protanomaly 1% of men, 0.01% of women
#8ab9fe Deuteranomaly 6% of men, 0.4% of women
#5fc4e5 Tritanomaly 0.01% of the population

#69bdfe hex color

#69bdfe Color Information

#69bdfe Color Conversion

Color Schemes with #69bdfe

Alternatives to #69bdfe

#69bdfe Preview

Shades and Tints of #69bdfe

Tones of #69bdfe

Color Blindness Simulator