#69b2fc hex color

In a RGB color space, hex #69b2fc is composed of 41.2% red, 69.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 29.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 210.2 degrees, a saturation of 96.1% and a lightness of 70%. #69b2fc color hex could be obtained by blending #d2ffff with #0065f9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 70
- B 99
RGB color chart
- C 58
- M 29
- Y 0
- K 1
CMYK color chart

● #69b2fc color description : Soft blue.

The hexadecimal color #69b2fc has RGB values of R:105, G:178, B:252 and CMYK values of C:0.58, M:0.29, Y:0, K:0.01. Its decimal value is 6927100.

Hex triplet	69b2fc	`#69b2fc`
RGB Decimal	105, 178, 252	`rgb(105,178,252)`
RGB Percent	41.2, 69.8, 98.8	`rgb(41.2%,69.8%,98.8%)`
CMYK	58, 29, 0, 1
HSL	210.2°, 96.1, 70	`hsl(210.2,96.1%,70%)`
HSV (or HSB)	210.2°, 58.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.781, -1.521, -43.545
XYZ	39.313, 41.87, 98.1
xyY	0.219, 0.234, 41.87
CIE-LCH	70.781, 43.571, 268
CIE-LUV	70.781, -31.58, -70.377
Hunter-Lab	64.707, -4.789, -44.593
Binary	01101001, 10110010, 11111100

#69b2fc
```
#69b2fc rgb(105,178,252)
```
#fcb369
```
#fcb369 rgb(252,179,105)
```

Complementary Color

#69fcfc
```
#69fcfc rgb(105,252,252)
```
#69b2fc
```
#69b2fc rgb(105,178,252)
```
#6a69fc
```
#6a69fc rgb(106,105,252)
```

Analogous Color

#fcfc69
```
#fcfc69 rgb(252,252,105)
```
#69b2fc
```
#69b2fc rgb(105,178,252)
```
#fc6a69
```
#fc6a69 rgb(252,106,105)
```

Split Complementary Color

#b2fc69
```
#b2fc69 rgb(178,252,105)
```
#69b2fc
```
#69b2fc rgb(105,178,252)
```
#fc69b2
```
#fc69b2 rgb(252,105,178)
```

Triadic Color

#69fcb3
```
#69fcb3 rgb(105,252,179)
```
#69b2fc
```
#69b2fc rgb(105,178,252)
```
#fc69b2
```
#fc69b2 rgb(252,105,178)
```
#fcb369
```
#fcb369 rgb(252,179,105)
```

Tetradic Color

#1e8cfb
```
#1e8cfb rgb(30,140,251)
```
#3798fb
```
#3798fb rgb(55,152,251)
```
#50a5fc
```
#50a5fc rgb(80,165,252)
```
#69b2fc
```
#69b2fc rgb(105,178,252)
```
#82bffd
```
#82bffd rgb(130,191,253)
```
#9bccfd
```
#9bccfd rgb(155,204,253)
```
#b4d9fe
```
#b4d9fe rgb(180,217,254)
```

Monochromatic Color

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

#69d7fc
```
#69d7fc rgb(105,215,252)
```
#69cbfc
```
#69cbfc rgb(105,203,252)
```
#69befc
```
#69befc rgb(105,190,252)
```
#69b2fc
```
#69b2fc rgb(105,178,252)
```
#69a6fc
```
#69a6fc rgb(105,166,252)
```
#699afc
```
#699afc rgb(105,154,252)
```
#698dfc
```
#698dfc rgb(105,141,252)
```

Similar Colors

Text with hexadecimal color #69b2fc

This text has a font color of #69b2fc.

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

#69b2fc background color

This paragraph has a background color of #69b2fc.

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

#69b2fc border color

This element has a border color of #69b2fc.

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

CSS codes

.text {color:#69b2fc;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000c17
```
#000c17 rgb(0,12,23)
```
#01152a
```
#01152a rgb(1,21,42)
```
#011f3e
```
#011f3e rgb(1,31,62)
```
#022951
```
#022951 rgb(2,41,81)
```
#023364
```
#023364 rgb(2,51,100)
```
#023c77
```
#023c77 rgb(2,60,119)
```
#03468a
```
#03468a rgb(3,70,138)
```
#03509e
```
#03509e rgb(3,80,158)
```
#045ab1
```
#045ab1 rgb(4,90,177)
```
#0463c4
```
#0463c4 rgb(4,99,196)
```
#046dd7
```
#046dd7 rgb(4,109,215)
```
#0577eb
```
#0577eb rgb(5,119,235)
```

Shade Color Variation

#0981fa
```
#0981fa rgb(9,129,250)
```
#1c8bfa
```
#1c8bfa rgb(28,139,250)
```
#2f94fb
```
#2f94fb rgb(47,148,251)
```
#439efb
```
#439efb rgb(67,158,251)
```
#56a8fc
```
#56a8fc rgb(86,168,252)
```
#69b2fc
```
#69b2fc rgb(105,178,252)
```
#7cbcfc
```
#7cbcfc rgb(124,188,252)
```
#8fc6fd
```
#8fc6fd rgb(143,198,253)
```
#a3d0fd
```
#a3d0fd rgb(163,208,253)
```
#b6d9fe
```
#b6d9fe rgb(182,217,254)
```
#c9e3fe
```
#c9e3fe rgb(201,227,254)
```
#dcedfe
```
#dcedfe rgb(220,237,254)
```
#f0f7ff
```
#f0f7ff rgb(240,247,255)
```

Tint Color Variation

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

#b0b2b5
```
#b0b2b5 rgb(176,178,181)
```
#aab2bb
```
#aab2bb rgb(170,178,187)
```
#a4b2c1
```
#a4b2c1 rgb(164,178,193)
```
#9eb2c7
```
#9eb2c7 rgb(158,178,199)
```
#98b2cd
```
#98b2cd rgb(152,178,205)
```
#92b2d3
```
#92b2d3 rgb(146,178,211)
```
#8cb2d9
```
#8cb2d9 rgb(140,178,217)
```
#86b2df
```
#86b2df rgb(134,178,223)
```
#81b2e4
```
#81b2e4 rgb(129,178,228)
```
#7bb2ea
```
#7bb2ea rgb(123,178,234)
```
#75b2f0
```
#75b2f0 rgb(117,178,240)
```
#6fb2f6
```
#6fb2f6 rgb(111,178,246)
```
#69b2fc
```
#69b2fc rgb(105,178,252)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#99a8b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98aff7 Protanopia 1% of men
#8cb0fe Deuteranopia 1% of men
#56bfcd Tritanopia 0.001% of the population

Trichromacy

#87b0f8 Protanomaly 1% of men, 0.01% of women
#7fb1fd Deuteranomaly 6% of men, 0.4% of women
#5dbade Tritanomaly 0.01% of the population

#69b2fc hex color

#69b2fc Color Information

#69b2fc Color Conversion

Color Schemes with #69b2fc

Alternatives to #69b2fc

#69b2fc Preview

Shades and Tints of #69b2fc

Tones of #69b2fc

Color Blindness Simulator