#6f9bf5 hex color

In a RGB color space, hex #6f9bf5 is composed of 43.5% red, 60.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 36.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 220.3 degrees, a saturation of 87% and a lightness of 69.8%. #6f9bf5 color hex could be obtained by blending #deffff with #0037eb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 61
- B 96
RGB color chart
- C 55
- M 37
- Y 0
- K 4
CMYK color chart

● #6f9bf5 color description : Soft blue.

The hexadecimal color #6f9bf5 has RGB values of R:111, G:155, B:245 and CMYK values of C:0.55, M:0.37, Y:0, K:0.04. Its decimal value is 7314421.

Hex triplet	6f9bf5	`#6f9bf5`
RGB Decimal	111, 155, 245	`rgb(111,155,245)`
RGB Percent	43.5, 60.8, 96.1	`rgb(43.5%,60.8%,96.1%)`
CMYK	55, 37, 0, 4
HSL	220.3°, 87, 69.8	`hsl(220.3,87%,69.8%)`
HSV (or HSB)	220.3°, 54.7, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.494, 10.587, -49.606
XYZ	34.755, 33.413, 90.999
xyY	0.218, 0.21, 33.413
CIE-LCH	64.494, 50.724, 282.047
CIE-LUV	64.494, -21.789, -80.989
Hunter-Lab	57.804, 6.167, -52.876
Binary	01101111, 10011011, 11110101

#6f9bf5
```
#6f9bf5 rgb(111,155,245)
```
#f5c96f
```
#f5c96f rgb(245,201,111)
```

Complementary Color

#6fdef5
```
#6fdef5 rgb(111,222,245)
```
#6f9bf5
```
#6f9bf5 rgb(111,155,245)
```
#866ff5
```
#866ff5 rgb(134,111,245)
```

Analogous Color

#def56f
```
#def56f rgb(222,245,111)
```
#6f9bf5
```
#6f9bf5 rgb(111,155,245)
```
#f5866f
```
#f5866f rgb(245,134,111)
```

Split Complementary Color

#9bf56f
```
#9bf56f rgb(155,245,111)
```
#6f9bf5
```
#6f9bf5 rgb(111,155,245)
```
#f56f9b
```
#f56f9b rgb(245,111,155)
```

Triadic Color

#6ff5c9
```
#6ff5c9 rgb(111,245,201)
```
#6f9bf5
```
#6f9bf5 rgb(111,155,245)
```
#f56f9b
```
#f56f9b rgb(245,111,155)
```
#f5c96f
```
#f5c96f rgb(245,201,111)
```

Tetradic Color

#2769f0
```
#2769f0 rgb(39,105,240)
```
#3f7af2
```
#3f7af2 rgb(63,122,242)
```
#578af3
```
#578af3 rgb(87,138,243)
```
#6f9bf5
```
#6f9bf5 rgb(111,155,245)
```
#87acf7
```
#87acf7 rgb(135,172,247)
```
#9fbcf8
```
#9fbcf8 rgb(159,188,248)
```
#b7cdfa
```
#b7cdfa rgb(183,205,250)
```

Monochromatic Color

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

#6fbdf5
```
#6fbdf5 rgb(111,189,245)
```
#6fb1f5
```
#6fb1f5 rgb(111,177,245)
```
#6fa6f5
```
#6fa6f5 rgb(111,166,245)
```
#6f9bf5
```
#6f9bf5 rgb(111,155,245)
```
#6f90f5
```
#6f90f5 rgb(111,144,245)
```
#6f85f5
```
#6f85f5 rgb(111,133,245)
```
#6f7af5
```
#6f7af5 rgb(111,122,245)
```

Similar Colors

Text with hexadecimal color #6f9bf5

This text has a font color of #6f9bf5.

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

#6f9bf5 background color

This paragraph has a background color of #6f9bf5.

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

#6f9bf5 border color

This element has a border color of #6f9bf5.

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

CSS codes

.text {color:#6f9bf5;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010815
```
#010815 rgb(1,8,21)
```
#030f27
```
#030f27 rgb(3,15,39)
```
#04163a
```
#04163a rgb(4,22,58)
```
#051d4c
```
#051d4c rgb(5,29,76)
```
#07235e
```
#07235e rgb(7,35,94)
```
#082a71
```
#082a71 rgb(8,42,113)
```
#093183
```
#093183 rgb(9,49,131)
```
#0a3895
```
#0a3895 rgb(10,56,149)
```
#0c3fa8
```
#0c3fa8 rgb(12,63,168)
```
#0d46ba
```
#0d46ba rgb(13,70,186)
```
#0e4dcc
```
#0e4dcc rgb(14,77,204)
```
#0f54df
```
#0f54df rgb(15,84,223)
```

Shade Color Variation

#135bef
```
#135bef rgb(19,91,239)
```
#2668f0
```
#2668f0 rgb(38,104,240)
```
#3875f1
```
#3875f1 rgb(56,117,241)
```
#4a82f2
```
#4a82f2 rgb(74,130,242)
```
#5d8ef4
```
#5d8ef4 rgb(93,142,244)
```
#6f9bf5
```
#6f9bf5 rgb(111,155,245)
```
#81a8f6
```
#81a8f6 rgb(129,168,246)
```
#94b4f8
```
#94b4f8 rgb(148,180,248)
```
#a6c1f9
```
#a6c1f9 rgb(166,193,249)
```
#b8cefa
```
#b8cefa rgb(184,206,250)
```
#cbdbfb
```
#cbdbfb rgb(203,219,251)
```
#dde7fd
```
#dde7fd rgb(221,231,253)
```
#eff4fe
```
#eff4fe rgb(239,244,254)
```

Tint Color Variation

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

#b0b1b4
```
#b0b1b4 rgb(176,177,180)
```
#aaafba
```
#aaafba rgb(170,175,186)
```
#a4adc0
```
#a4adc0 rgb(164,173,192)
```
#9eabc6
```
#9eabc6 rgb(158,171,198)
```
#98a9cc
```
#98a9cc rgb(152,169,204)
```
#93a7d1
```
#93a7d1 rgb(147,167,209)
```
#8da5d7
```
#8da5d7 rgb(141,165,215)
```
#87a3dd
```
#87a3dd rgb(135,163,221)
```
#81a1e3
```
#81a1e3 rgb(129,161,227)
```
#7b9fe9
```
#7b9fe9 rgb(123,159,233)
```
#759def
```
#759def rgb(117,157,239)
```
#6f9bf5
```
#6f9bf5 rgb(111,155,245)
```
#6999fb
```
#6999fb rgb(105,153,251)
```

Tone Color Variation

Below, you can see how #6f9bf5 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

#989898 Achromatopsia 0.005% of the population
#9099ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e9ef4 Protanopia 1% of men
#6ea1f4 Deuteranopia 1% of men
#59adb9 Tritanopia 0.001% of the population

Trichromacy

#799df4 Protanomaly 1% of men, 0.01% of women
#6e9ff4 Deuteranomaly 6% of men, 0.4% of women
#61a6cf Tritanomaly 0.01% of the population

#6f9bf5 hex color

#6f9bf5 Color Information

#6f9bf5 Color Conversion

Color Schemes with #6f9bf5

Alternatives to #6f9bf5

#6f9bf5 Preview

Shades and Tints of #6f9bf5

Tones of #6f9bf5

Color Blindness Simulator