#6fb2f3 hex color

In a RGB color space, hex #6fb2f3 is composed of 43.5% red, 69.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 26.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 209.5 degrees, a saturation of 84.6% and a lightness of 69.4%. #6fb2f3 color hex could be obtained by blending #deffff with #0065e7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 70
- B 95
RGB color chart
- C 54
- M 27
- Y 0
- K 5
CMYK color chart

● #6fb2f3 color description : Soft blue.

The hexadecimal color #6fb2f3 has RGB values of R:111, G:178, B:243 and CMYK values of C:0.54, M:0.27, Y:0, K:0.05. Its decimal value is 7320307.

Hex triplet	6fb2f3	`#6fb2f3`
RGB Decimal	111, 178, 243	`rgb(111,178,243)`
RGB Percent	43.5, 69.8, 95.3	`rgb(43.5%,69.8%,95.3%)`
CMYK	54, 27, 0, 5
HSL	209.5°, 84.6, 69.4	`hsl(209.5,84.6%,69.4%)`
HSV (or HSB)	209.5°, 54.3, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.656, -3.087, -38.844
XYZ	38.65, 41.689, 90.799
xyY	0.226, 0.244, 41.689
CIE-LCH	70.656, 38.967, 265.456
CIE-LUV	70.656, -30.07, -62.133
Hunter-Lab	64.567, -6.142, -38.181
Binary	01101111, 10110010, 11110011

#6fb2f3
```
#6fb2f3 rgb(111,178,243)
```
#f3b06f
```
#f3b06f rgb(243,176,111)
```

Complementary Color

#6ff3f2
```
#6ff3f2 rgb(111,243,242)
```
#6fb2f3
```
#6fb2f3 rgb(111,178,243)
```
#6f70f3
```
#6f70f3 rgb(111,112,243)
```

Analogous Color

#f3f26f
```
#f3f26f rgb(243,242,111)
```
#6fb2f3
```
#6fb2f3 rgb(111,178,243)
```
#f36f70
```
#f36f70 rgb(243,111,112)
```

Split Complementary Color

#b2f36f
```
#b2f36f rgb(178,243,111)
```
#6fb2f3
```
#6fb2f3 rgb(111,178,243)
```
#f36fb2
```
#f36fb2 rgb(243,111,178)
```

Triadic Color

#6ff3b0
```
#6ff3b0 rgb(111,243,176)
```
#6fb2f3
```
#6fb2f3 rgb(111,178,243)
```
#f36fb2
```
#f36fb2 rgb(243,111,178)
```
#f3b06f
```
#f3b06f rgb(243,176,111)
```

Tetradic Color

#288ced
```
#288ced rgb(40,140,237)
```
#4099ef
```
#4099ef rgb(64,153,239)
```
#57a5f1
```
#57a5f1 rgb(87,165,241)
```
#6fb2f3
```
#6fb2f3 rgb(111,178,243)
```
#87bff5
```
#87bff5 rgb(135,191,245)
```
#9ecbf7
```
#9ecbf7 rgb(158,203,247)
```
#b6d8f9
```
#b6d8f9 rgb(182,216,249)
```

Monochromatic Color

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

#6fd3f3
```
#6fd3f3 rgb(111,211,243)
```
#6fc8f3
```
#6fc8f3 rgb(111,200,243)
```
#6fbdf3
```
#6fbdf3 rgb(111,189,243)
```
#6fb2f3
```
#6fb2f3 rgb(111,178,243)
```
#6fa7f3
```
#6fa7f3 rgb(111,167,243)
```
#6f9cf3
```
#6f9cf3 rgb(111,156,243)
```
#6f91f3
```
#6f91f3 rgb(111,145,243)
```

Similar Colors

Text with hexadecimal color #6fb2f3

This text has a font color of #6fb2f3.

<span style="color:#6fb2f3;">Text here</span>

#6fb2f3 background color

This paragraph has a background color of #6fb2f3.

<p style="background-color:#6fb2f3;">Content here</p>

#6fb2f3 border color

This element has a border color of #6fb2f3.

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

CSS codes

.text {color:#6fb2f3;}

.background {background-color:#6fb2f3;}

.border {border:1px solid #6fb2f3;}

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

#000001
```
#000001 rgb(0,0,1)
```
#020a13
```
#020a13 rgb(2,10,19)
```
#031425
```
#031425 rgb(3,20,37)
```
#051e37
```
#051e37 rgb(5,30,55)
```
#062849
```
#062849 rgb(6,40,73)
```
#08325b
```
#08325b rgb(8,50,91)
```
#093c6d
```
#093c6d rgb(9,60,109)
```
#0b4680
```
#0b4680 rgb(11,70,128)
```
#0c5092
```
#0c5092 rgb(12,80,146)
```
#0e5aa4
```
#0e5aa4 rgb(14,90,164)
```
#0f64b6
```
#0f64b6 rgb(15,100,182)
```
#116ec8
```
#116ec8 rgb(17,110,200)
```
#1278da
```
#1278da rgb(18,120,218)
```

Shade Color Variation

#1482eb
```
#1482eb rgb(20,130,235)
```
#278bed
```
#278bed rgb(39,139,237)
```
#3995ee
```
#3995ee rgb(57,149,238)
```
#4b9ff0
```
#4b9ff0 rgb(75,159,240)
```
#5da8f1
```
#5da8f1 rgb(93,168,241)
```
#6fb2f3
```
#6fb2f3 rgb(111,178,243)
```
#81bcf5
```
#81bcf5 rgb(129,188,245)
```
#93c5f6
```
#93c5f6 rgb(147,197,246)
```
#a5cff8
```
#a5cff8 rgb(165,207,248)
```
#b7d9f9
```
#b7d9f9 rgb(183,217,249)
```
#cae2fb
```
#cae2fb rgb(202,226,251)
```
#dcecfc
```
#dcecfc rgb(220,236,252)
```
#eef6fe
```
#eef6fe rgb(238,246,254)
```

Tint Color Variation

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

#abb1b7
```
#abb1b7 rgb(171,177,183)
```
#a5b1bd
```
#a5b1bd rgb(165,177,189)
```
#9fb1c3
```
#9fb1c3 rgb(159,177,195)
```
#99b1c9
```
#99b1c9 rgb(153,177,201)
```
#93b1cf
```
#93b1cf rgb(147,177,207)
```
#8db2d5
```
#8db2d5 rgb(141,178,213)
```
#87b2db
```
#87b2db rgb(135,178,219)
```
#81b2e1
```
#81b2e1 rgb(129,178,225)
```
#7bb2e7
```
#7bb2e7 rgb(123,178,231)
```
#75b2ed
```
#75b2ed rgb(117,178,237)
```
#6fb2f3
```
#6fb2f3 rgb(111,178,243)
```
#69b2f9
```
#69b2f9 rgb(105,178,249)
```
#63b2ff
```
#63b2ff rgb(99,178,255)
```

Tone Color Variation

Below, you can see how #6fb2f3 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
#9aa8b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9caeee Protanopia 1% of men
#94aff6 Deuteranopia 1% of men
#63bdcb Tritanopia 0.001% of the population

Trichromacy

#8bb0f0 Protanomaly 1% of men, 0.01% of women
#86b0f4 Deuteranomaly 6% of men, 0.4% of women
#67b9da Tritanomaly 0.01% of the population

#6fb2f3 hex color

#6fb2f3 Color Information

#6fb2f3 Color Conversion

Color Schemes with #6fb2f3

Alternatives to #6fb2f3

#6fb2f3 Preview

Shades and Tints of #6fb2f3

Tones of #6fb2f3

Color Blindness Simulator