#69abf2 hex color

In a RGB color space, hex #69abf2 is composed of 41.2% red, 67.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 29.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 211.1 degrees, a saturation of 84% and a lightness of 68%. #69abf2 color hex could be obtained by blending #d2ffff with #0057e5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 67
- B 95
RGB color chart
- C 57
- M 29
- Y 0
- K 5
CMYK color chart

● #69abf2 color description : Soft blue.

The hexadecimal color #69abf2 has RGB values of R:105, G:171, B:242 and CMYK values of C:0.57, M:0.29, Y:0, K:0.05. Its decimal value is 6925298.

Hex triplet	69abf2	`#69abf2`
RGB Decimal	105, 171, 242	`rgb(105,171,242)`
RGB Percent	41.2, 67.1, 94.9	`rgb(41.2%,67.1%,94.9%)`
CMYK	57, 29, 0, 5
HSL	211.1°, 84, 68	`hsl(211.1,84%,68%)`
HSV (or HSB)	211.1°, 56.6, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.415, -0.72, -41.819
XYZ	36.412, 38.538, 89.519
xyY	0.221, 0.234, 38.538
CIE-LCH	68.415, 41.825, 269.014
CIE-LUV	68.415, -29.261, -67.199
Hunter-Lab	62.079, -3.94, -42.043
Binary	01101001, 10101011, 11110010

#69abf2
```
#69abf2 rgb(105,171,242)
```
#f2b069
```
#f2b069 rgb(242,176,105)
```

Complementary Color

#69f0f2
```
#69f0f2 rgb(105,240,242)
```
#69abf2
```
#69abf2 rgb(105,171,242)
```
#6c69f2
```
#6c69f2 rgb(108,105,242)
```

Analogous Color

#f0f269
```
#f0f269 rgb(240,242,105)
```
#69abf2
```
#69abf2 rgb(105,171,242)
```
#f26c69
```
#f26c69 rgb(242,108,105)
```

Split Complementary Color

#abf269
```
#abf269 rgb(171,242,105)
```
#69abf2
```
#69abf2 rgb(105,171,242)
```
#f269ab
```
#f269ab rgb(242,105,171)
```

Triadic Color

#69f2b0
```
#69f2b0 rgb(105,242,176)
```
#69abf2
```
#69abf2 rgb(105,171,242)
```
#f269ab
```
#f269ab rgb(242,105,171)
```
#f2b069
```
#f2b069 rgb(242,176,105)
```

Tetradic Color

#2384ec
```
#2384ec rgb(35,132,236)
```
#3a91ee
```
#3a91ee rgb(58,145,238)
```
#529ef0
```
#529ef0 rgb(82,158,240)
```
#69abf2
```
#69abf2 rgb(105,171,242)
```
#80b8f4
```
#80b8f4 rgb(128,184,244)
```
#98c5f6
```
#98c5f6 rgb(152,197,246)
```
#afd2f8
```
#afd2f8 rgb(175,210,248)
```

Monochromatic Color

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

#69cdf2
```
#69cdf2 rgb(105,205,242)
```
#69c2f2
```
#69c2f2 rgb(105,194,242)
```
#69b6f2
```
#69b6f2 rgb(105,182,242)
```
#69abf2
```
#69abf2 rgb(105,171,242)
```
#69a0f2
```
#69a0f2 rgb(105,160,242)
```
#6994f2
```
#6994f2 rgb(105,148,242)
```
#6989f2
```
#6989f2 rgb(105,137,242)
```

Similar Colors

Text with hexadecimal color #69abf2

This text has a font color of #69abf2.

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

#69abf2 background color

This paragraph has a background color of #69abf2.

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

#69abf2 border color

This element has a border color of #69abf2.

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

CSS codes

.text {color:#69abf2;}

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

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

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, #01070c is the darkest color, while #f9fcff is the lightest one.

#01070c
```
#01070c rgb(1,7,12)
```
#03101f
```
#03101f rgb(3,16,31)
```
#041a31
```
#041a31 rgb(4,26,49)
```
#062343
```
#062343 rgb(6,35,67)
```
#072d55
```
#072d55 rgb(7,45,85)
```
#093667
```
#093667 rgb(9,54,103)
```
#0a4079
```
#0a4079 rgb(10,64,121)
```
#0c498b
```
#0c498b rgb(12,73,139)
```
#0e539d
```
#0e539d rgb(14,83,157)
```
#0f5caf
```
#0f5caf rgb(15,92,175)
```
#1166c1
```
#1166c1 rgb(17,102,193)
```
#126fd3
```
#126fd3 rgb(18,111,211)
```
#1479e5
```
#1479e5 rgb(20,121,229)
```

Shade Color Variation

#2183ec
```
#2183ec rgb(33,131,236)
```
#338ded
```
#338ded rgb(51,141,237)
```
#4597ef
```
#4597ef rgb(69,151,239)
```
#57a1f0
```
#57a1f0 rgb(87,161,240)
```
#69abf2
```
#69abf2 rgb(105,171,242)
```
#7bb5f4
```
#7bb5f4 rgb(123,181,244)
```
#8dbff5
```
#8dbff5 rgb(141,191,245)
```
#9fc9f7
```
#9fc9f7 rgb(159,201,247)
```
#b1d3f8
```
#b1d3f8 rgb(177,211,248)
```
#c3defa
```
#c3defa rgb(195,222,250)
```
#d5e8fb
```
#d5e8fb rgb(213,232,251)
```
#e7f2fd
```
#e7f2fd rgb(231,242,253)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#a8adb3
```
#a8adb3 rgb(168,173,179)
```
#a1adba
```
#a1adba rgb(161,173,186)
```
#9badc0
```
#9badc0 rgb(155,173,192)
```
#95adc6
```
#95adc6 rgb(149,173,198)
```
#8faccc
```
#8faccc rgb(143,172,204)
```
#88acd3
```
#88acd3 rgb(136,172,211)
```
#82acd9
```
#82acd9 rgb(130,172,217)
```
#7cacdf
```
#7cacdf rgb(124,172,223)
```
#76abe5
```
#76abe5 rgb(118,171,229)
```
#6fabec
```
#6fabec rgb(111,171,236)
```
#69abf2
```
#69abf2 rgb(105,171,242)
```
#63abf8
```
#63abf8 rgb(99,171,248)
```
#5cabff
```
#5cabff rgb(92,171,255)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#94a1b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a9ee Protanopia 1% of men
#88aaf4 Deuteranopia 1% of men
#59b8c5 Tritanopia 0.001% of the population

Trichromacy

#84a9ef Protanomaly 1% of men, 0.01% of women
#7daaf3 Deuteranomaly 6% of men, 0.4% of women
#5fb3d5 Tritanomaly 0.01% of the population

#69abf2 hex color

#69abf2 Color Information

#69abf2 Color Conversion

Color Schemes with #69abf2

Alternatives to #69abf2

#69abf2 Preview

Shades and Tints of #69abf2

Tones of #69abf2

Color Blindness Simulator