#6fa5c4 hex color

In a RGB color space, hex #6fa5c4 is composed of 43.5% red, 64.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 15.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 201.9 degrees, a saturation of 41.9% and a lightness of 60.2%. #6fa5c4 color hex could be obtained by blending #deffff with #004b89. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 65
- B 77
RGB color chart
- C 43
- M 16
- Y 0
- K 23
CMYK color chart

● #6fa5c4 color description : Slightly desaturated blue.

The hexadecimal color #6fa5c4 has RGB values of R:111, G:165, B:196 and CMYK values of C:0.43, M:0.16, Y:0, K:0.23. Its decimal value is 7316932.

Hex triplet	6fa5c4	`#6fa5c4`
RGB Decimal	111, 165, 196	`rgb(111,165,196)`
RGB Percent	43.5, 64.7, 76.9	`rgb(43.5%,64.7%,76.9%)`
CMYK	43, 16, 0, 23
HSL	201.9°, 41.9, 60.2	`hsl(201.9,41.9%,60.2%)`
HSV (or HSB)	201.9°, 43.4, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.179, -9.584, -21.467
XYZ	29.972, 34.274, 57.258
xyY	0.247, 0.282, 34.274
CIE-LCH	65.179, 23.509, 245.941
CIE-LUV	65.179, -25.728, -31.717
Hunter-Lab	58.544, -11.067, -17.007
Binary	01101111, 10100101, 11000100

#6fa5c4
```
#6fa5c4 rgb(111,165,196)
```
#c48e6f
```
#c48e6f rgb(196,142,111)
```

Complementary Color

#6fc4b9
```
#6fc4b9 rgb(111,196,185)
```
#6fa5c4
```
#6fa5c4 rgb(111,165,196)
```
#6f7bc4
```
#6f7bc4 rgb(111,123,196)
```

Analogous Color

#c4b96f
```
#c4b96f rgb(196,185,111)
```
#6fa5c4
```
#6fa5c4 rgb(111,165,196)
```
#c46f7b
```
#c46f7b rgb(196,111,123)
```

Split Complementary Color

#a5c46f
```
#a5c46f rgb(165,196,111)
```
#6fa5c4
```
#6fa5c4 rgb(111,165,196)
```
#c46fa5
```
#c46fa5 rgb(196,111,165)
```

Triadic Color

#6fc48e
```
#6fc48e rgb(111,196,142)
```
#6fa5c4
```
#6fa5c4 rgb(111,165,196)
```
#c46fa5
```
#c46fa5 rgb(196,111,165)
```
#c48e6f
```
#c48e6f rgb(196,142,111)
```

Tetradic Color

#4380a4
```
#4380a4 rgb(67,128,164)
```
#4b8eb5
```
#4b8eb5 rgb(75,142,181)
```
#5d9abd
```
#5d9abd rgb(93,154,189)
```
#6fa5c4
```
#6fa5c4 rgb(111,165,196)
```
#81b0cb
```
#81b0cb rgb(129,176,203)
```
#93bcd3
```
#93bcd3 rgb(147,188,211)
```
#a5c7da
```
#a5c7da rgb(165,199,218)
```

Monochromatic Color

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

#6fbac4
```
#6fbac4 rgb(111,186,196)
```
#6fb3c4
```
#6fb3c4 rgb(111,179,196)
```
#6facc4
```
#6facc4 rgb(111,172,196)
```
#6fa5c4
```
#6fa5c4 rgb(111,165,196)
```
#6f9ec4
```
#6f9ec4 rgb(111,158,196)
```
#6f97c4
```
#6f97c4 rgb(111,151,196)
```
#6f90c4
```
#6f90c4 rgb(111,144,196)
```

Similar Colors

Text with hexadecimal color #6fa5c4

This text has a font color of #6fa5c4.

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

#6fa5c4 background color

This paragraph has a background color of #6fa5c4.

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

#6fa5c4 border color

This element has a border color of #6fa5c4.

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

CSS codes

.text {color:#6fa5c4;}

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

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

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

#040709
```
#040709 rgb(4,7,9)
```
#091217
```
#091217 rgb(9,18,23)
```
#0f1d25
```
#0f1d25 rgb(15,29,37)
```
#152833
```
#152833 rgb(21,40,51)
```
#1b3341
```
#1b3341 rgb(27,51,65)
```
#203e4f
```
#203e4f rgb(32,62,79)
```
#26495d
```
#26495d rgb(38,73,93)
```
#2c546a
```
#2c546a rgb(44,84,106)
```
#315e78
```
#315e78 rgb(49,94,120)
```
#376986
```
#376986 rgb(55,105,134)
```
#3d7494
```
#3d7494 rgb(61,116,148)
```
#427fa2
```
#427fa2 rgb(66,127,162)
```
#488ab0
```
#488ab0 rgb(72,138,176)
```

Shade Color Variation

#5394b9
```
#5394b9 rgb(83,148,185)
```
#619cbe
```
#619cbe rgb(97,156,190)
```
#6fa5c4
```
#6fa5c4 rgb(111,165,196)
```
#7daeca
```
#7daeca rgb(125,174,202)
```
#8bb6cf
```
#8bb6cf rgb(139,182,207)
```
#99bfd5
```
#99bfd5 rgb(153,191,213)
```
#a7c8db
```
#a7c8db rgb(167,200,219)
```
#b5d0e1
```
#b5d0e1 rgb(181,208,225)
```
#c2d9e6
```
#c2d9e6 rgb(194,217,230)
```
#d0e2ec
```
#d0e2ec rgb(208,226,236)
```
#deebf2
```
#deebf2 rgb(222,235,242)
```
#ecf3f7
```
#ecf3f7 rgb(236,243,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969a9d is the less saturated color, while #38b4fb is the most saturated one.

#969a9d
```
#969a9d rgb(150,154,157)
```
#8e9da5
```
#8e9da5 rgb(142,157,165)
```
#869fad
```
#869fad rgb(134,159,173)
```
#7fa1b4
```
#7fa1b4 rgb(127,161,180)
```
#77a3bc
```
#77a3bc rgb(119,163,188)
```
#6fa5c4
```
#6fa5c4 rgb(111,165,196)
```
#67a7cc
```
#67a7cc rgb(103,167,204)
```
#5fa9d4
```
#5fa9d4 rgb(95,169,212)
```
#58abdb
```
#58abdb rgb(88,171,219)
```
#50ade3
```
#50ade3 rgb(80,173,227)
```
#48b0eb
```
#48b0eb rgb(72,176,235)
```
#40b2f3
```
#40b2f3 rgb(64,178,243)
```
#38b4fb
```
#38b4fb rgb(56,180,251)
```

Tone Color Variation

Below, you can see how #6fa5c4 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
#909ba1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba1c2 Protanopia 1% of men
#9ca0ca Deuteranopia 1% of men
#71acb8 Tritanopia 0.001% of the population

Trichromacy

#8ba2c2 Protanomaly 1% of men, 0.01% of women
#8ca2c8 Deuteranomaly 6% of men, 0.4% of women
#70a9bc Tritanomaly 0.01% of the population

#6fa5c4 hex color

#6fa5c4 Color Information

#6fa5c4 Color Conversion

Color Schemes with #6fa5c4

Alternatives to #6fa5c4

#6fa5c4 Preview

Shades and Tints of #6fa5c4

Tones of #6fa5c4

Color Blindness Simulator