#69b0ef hex color

In a RGB color space, hex #69b0ef is composed of 41.2% red, 69% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 26.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 208.2 degrees, a saturation of 80.7% and a lightness of 67.5%. #69b0ef color hex could be obtained by blending #d2ffff with #0061df. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 69
- B 94
RGB color chart
- C 56
- M 26
- Y 0
- K 6
CMYK color chart

● #69b0ef color description : Soft blue.

The hexadecimal color #69b0ef has RGB values of R:105, G:176, B:239 and CMYK values of C:0.56, M:0.26, Y:0, K:0.06. Its decimal value is 6926575.

Hex triplet	69b0ef	`#69b0ef`
RGB Decimal	105, 176, 239	`rgb(105,176,239)`
RGB Percent	41.2, 69, 93.7	`rgb(41.2%,69%,93.7%)`
CMYK	56, 26, 0, 6
HSL	208.2°, 80.7, 67.5	`hsl(208.2,80.7%,67.5%)`
HSV (or HSB)	208.2°, 56.1, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.671, -4.428, -38.224
XYZ	36.927, 40.284, 87.486
xyY	0.224, 0.245, 40.284
CIE-LCH	69.671, 38.48, 263.391
CIE-LUV	69.671, -31.138, -60.795
Hunter-Lab	63.469, -7.218, -37.297
Binary	01101001, 10110000, 11101111

#69b0ef
```
#69b0ef rgb(105,176,239)
```
#efa869
```
#efa869 rgb(239,168,105)
```

Complementary Color

#69efeb
```
#69efeb rgb(105,239,235)
```
#69b0ef
```
#69b0ef rgb(105,176,239)
```
#696def
```
#696def rgb(105,109,239)
```

Analogous Color

#efeb69
```
#efeb69 rgb(239,235,105)
```
#69b0ef
```
#69b0ef rgb(105,176,239)
```
#ef696d
```
#ef696d rgb(239,105,109)
```

Split Complementary Color

#b0ef69
```
#b0ef69 rgb(176,239,105)
```
#69b0ef
```
#69b0ef rgb(105,176,239)
```
#ef69b0
```
#ef69b0 rgb(239,105,176)
```

Triadic Color

#69efa8
```
#69efa8 rgb(105,239,168)
```
#69b0ef
```
#69b0ef rgb(105,176,239)
```
#ef69b0
```
#ef69b0 rgb(239,105,176)
```
#efa869
```
#efa869 rgb(239,168,105)
```

Tetradic Color

#248ce8
```
#248ce8 rgb(36,140,232)
```
#3b98ea
```
#3b98ea rgb(59,152,234)
```
#52a4ed
```
#52a4ed rgb(82,164,237)
```
#69b0ef
```
#69b0ef rgb(105,176,239)
```
#80bcf1
```
#80bcf1 rgb(128,188,241)
```
#97c8f4
```
#97c8f4 rgb(151,200,244)
```
#aed4f6
```
#aed4f6 rgb(174,212,246)
```

Monochromatic Color

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

#69d2ef
```
#69d2ef rgb(105,210,239)
```
#69c6ef
```
#69c6ef rgb(105,198,239)
```
#69bbef
```
#69bbef rgb(105,187,239)
```
#69b0ef
```
#69b0ef rgb(105,176,239)
```
#69a5ef
```
#69a5ef rgb(105,165,239)
```
#699aef
```
#699aef rgb(105,154,239)
```
#698fef
```
#698fef rgb(105,143,239)
```

Similar Colors

Text with hexadecimal color #69b0ef

This text has a font color of #69b0ef.

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

#69b0ef background color

This paragraph has a background color of #69b0ef.

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

#69b0ef border color

This element has a border color of #69b0ef.

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

CSS codes

.text {color:#69b0ef;}

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

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

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, #01060a is the darkest color, while #f7fbfe is the lightest one.

#01060a
```
#01060a rgb(1,6,10)
```
#03101b
```
#03101b rgb(3,16,27)
```
#051a2d
```
#051a2d rgb(5,26,45)
```
#07243f
```
#07243f rgb(7,36,63)
```
#092f50
```
#092f50 rgb(9,47,80)
```
#0a3962
```
#0a3962 rgb(10,57,98)
```
#0c4374
```
#0c4374 rgb(12,67,116)
```
#0e4d86
```
#0e4d86 rgb(14,77,134)
```
#105897
```
#105897 rgb(16,88,151)
```
#1262a9
```
#1262a9 rgb(18,98,169)
```
#146cbb
```
#146cbb rgb(20,108,187)
```
#1677cc
```
#1677cc rgb(22,119,204)
```
#1881de
```
#1881de rgb(24,129,222)
```

Shade Color Variation

#228be7
```
#228be7 rgb(34,139,231)
```
#3494e9
```
#3494e9 rgb(52,148,233)
```
#469deb
```
#469deb rgb(70,157,235)
```
#57a7ed
```
#57a7ed rgb(87,167,237)
```
#69b0ef
```
#69b0ef rgb(105,176,239)
```
#7bb9f1
```
#7bb9f1 rgb(123,185,241)
```
#8cc3f3
```
#8cc3f3 rgb(140,195,243)
```
#9eccf5
```
#9eccf5 rgb(158,204,245)
```
#b0d5f7
```
#b0d5f7 rgb(176,213,247)
```
#c2dff8
```
#c2dff8 rgb(194,223,248)
```
#d3e8fa
```
#d3e8fa rgb(211,232,250)
```
#e5f1fc
```
#e5f1fc rgb(229,241,252)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

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

#a9acaf
```
#a9acaf rgb(169,172,175)
```
#a2adb6
```
#a2adb6 rgb(162,173,182)
```
#9cadbc
```
#9cadbc rgb(156,173,188)
```
#96adc2
```
#96adc2 rgb(150,173,194)
```
#8faec9
```
#8faec9 rgb(143,174,201)
```
#89aecf
```
#89aecf rgb(137,174,207)
```
#83aed5
```
#83aed5 rgb(131,174,213)
```
#7cafdc
```
#7cafdc rgb(124,175,220)
```
#76afe2
```
#76afe2 rgb(118,175,226)
```
#6fb0e9
```
#6fb0e9 rgb(111,176,233)
```
#69b0ef
```
#69b0ef rgb(105,176,239)
```
#63b0f5
```
#63b0f5 rgb(99,176,245)
```
#5cb1fc
```
#5cb1fc rgb(92,177,252)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#97a5b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aacea Protanopia 1% of men
#92adf2 Deuteranopia 1% of men
#5dbbc9 Tritanopia 0.001% of the population

Trichromacy

#88adec Protanomaly 1% of men, 0.01% of women
#83aef1 Deuteranomaly 6% of men, 0.4% of women
#61b7d7 Tritanomaly 0.01% of the population

#69b0ef hex color

#69b0ef Color Information

#69b0ef Color Conversion

Color Schemes with #69b0ef

Alternatives to #69b0ef

#69b0ef Preview

Shades and Tints of #69b0ef

Tones of #69b0ef

Color Blindness Simulator