#6a9fb4 hex color

In a RGB color space, hex #6a9fb4 is composed of 41.6% red, 62.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 41.1% cyan, 11.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 197 degrees, a saturation of 33% and a lightness of 56.1%. #6a9fb4 color hex could be obtained by blending #d4ffff with #003f69. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 62
- B 71
RGB color chart
- C 41
- M 12
- Y 0
- K 29
CMYK color chart

● #6a9fb4 color description : Slightly desaturated blue.

The hexadecimal color #6a9fb4 has RGB values of R:106, G:159, B:180 and CMYK values of C:0.41, M:0.12, Y:0, K:0.29. Its decimal value is 6987700.

Hex triplet	6a9fb4	`#6a9fb4`
RGB Decimal	106, 159, 180	`rgb(106,159,180)`
RGB Percent	41.6, 62.4, 70.6	`rgb(41.6%,62.4%,70.6%)`
CMYK	41, 12, 0, 29
HSL	197°, 33, 56.1	`hsl(197,33%,56.1%)`
HSV (or HSB)	197°, 41.1, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.638, -11.993, -16.411
XYZ	26.578, 31.154, 47.79
xyY	0.252, 0.295, 31.154
CIE-LCH	62.638, 20.326, 233.841
CIE-LUV	62.638, -25.254, -23.083
Hunter-Lab	55.816, -12.681, -11.693
Binary	01101010, 10011111, 10110100

#6a9fb4
```
#6a9fb4 rgb(106,159,180)
```
#b47f6a
```
#b47f6a rgb(180,127,106)
```

Complementary Color

#6ab4a4
```
#6ab4a4 rgb(106,180,164)
```
#6a9fb4
```
#6a9fb4 rgb(106,159,180)
```
#6a7ab4
```
#6a7ab4 rgb(106,122,180)
```

Analogous Color

#b4a46a
```
#b4a46a rgb(180,164,106)
```
#6a9fb4
```
#6a9fb4 rgb(106,159,180)
```
#b46a7a
```
#b46a7a rgb(180,106,122)
```

Split Complementary Color

#9fb46a
```
#9fb46a rgb(159,180,106)
```
#6a9fb4
```
#6a9fb4 rgb(106,159,180)
```
#b46a9f
```
#b46a9f rgb(180,106,159)
```

Triadic Color

#6ab47f
```
#6ab47f rgb(106,180,127)
```
#6a9fb4
```
#6a9fb4 rgb(106,159,180)
```
#b46a9f
```
#b46a9f rgb(180,106,159)
```
#b47f6a
```
#b47f6a rgb(180,127,106)
```

Tetradic Color

#46788b
```
#46788b rgb(70,120,139)
```
#4f869c
```
#4f869c rgb(79,134,156)
```
#5994ab
```
#5994ab rgb(89,148,171)
```
#6a9fb4
```
#6a9fb4 rgb(106,159,180)
```
#7baabd
```
#7baabd rgb(123,170,189)
```
#8cb5c5
```
#8cb5c5 rgb(140,181,197)
```
#9dc0ce
```
#9dc0ce rgb(157,192,206)
```

Monochromatic Color

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

#6ab2b4
```
#6ab2b4 rgb(106,178,180)
```
#6aabb4
```
#6aabb4 rgb(106,171,180)
```
#6aa5b4
```
#6aa5b4 rgb(106,165,180)
```
#6a9fb4
```
#6a9fb4 rgb(106,159,180)
```
#6a99b4
```
#6a99b4 rgb(106,153,180)
```
#6a93b4
```
#6a93b4 rgb(106,147,180)
```
#6a8db4
```
#6a8db4 rgb(106,141,180)
```

Similar Colors

Text with hexadecimal color #6a9fb4

This text has a font color of #6a9fb4.

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

#6a9fb4 background color

This paragraph has a background color of #6a9fb4.

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

#6a9fb4 border color

This element has a border color of #6a9fb4.

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

CSS codes

.text {color:#6a9fb4;}

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

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

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

#040708
```
#040708 rgb(4,7,8)
```
#0a1215
```
#0a1215 rgb(10,18,21)
```
#111d22
```
#111d22 rgb(17,29,34)
```
#18282f
```
#18282f rgb(24,40,47)
```
#1e333c
```
#1e333c rgb(30,51,60)
```
#253f49
```
#253f49 rgb(37,63,73)
```
#2b4a56
```
#2b4a56 rgb(43,74,86)
```
#325563
```
#325563 rgb(50,85,99)
```
#386070
```
#386070 rgb(56,96,112)
```
#3f6b7d
```
#3f6b7d rgb(63,107,125)
```
#45778a
```
#45778a rgb(69,119,138)
```
#4c8297
```
#4c8297 rgb(76,130,151)
```
#538da4
```
#538da4 rgb(83,141,164)
```

Shade Color Variation

#5d97ad
```
#5d97ad rgb(93,151,173)
```
#6a9fb4
```
#6a9fb4 rgb(106,159,180)
```
#77a7bb
```
#77a7bb rgb(119,167,187)
```
#84b0c1
```
#84b0c1 rgb(132,176,193)
```
#91b8c8
```
#91b8c8 rgb(145,184,200)
```
#9ec1ce
```
#9ec1ce rgb(158,193,206)
```
#abc9d5
```
#abc9d5 rgb(171,201,213)
```
#b8d1db
```
#b8d1db rgb(184,209,219)
```
#c5dae2
```
#c5dae2 rgb(197,218,226)
```
#d2e2e9
```
#d2e2e9 rgb(210,226,233)
```
#dfebef
```
#dfebef rgb(223,235,239)
```
#ecf3f6
```
#ecf3f6 rgb(236,243,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9092 is the less saturated color, while #25bdf9 is the most saturated one.

#8c9092
```
#8c9092 rgb(140,144,146)
```
#84949a
```
#84949a rgb(132,148,154)
```
#7b98a3
```
#7b98a3 rgb(123,152,163)
```
#739bab
```
#739bab rgb(115,155,171)
```
#6a9fb4
```
#6a9fb4 rgb(106,159,180)
```
#61a3bd
```
#61a3bd rgb(97,163,189)
```
#59a6c5
```
#59a6c5 rgb(89,166,197)
```
#50aace
```
#50aace rgb(80,170,206)
```
#48aed6
```
#48aed6 rgb(72,174,214)
```
#3fb2df
```
#3fb2df rgb(63,178,223)
```
#36b5e8
```
#36b5e8 rgb(54,181,232)
```
#2eb9f0
```
#2eb9f0 rgb(46,185,240)
```
#25bdf9
```
#25bdf9 rgb(37,189,249)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8a9599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989bb2 Protanopia 1% of men
#9b99bb Deuteranopia 1% of men
#6fa5b1 Tritanopia 0.001% of the population

Trichromacy

#879cb3 Protanomaly 1% of men, 0.01% of women
#899bb8 Deuteranomaly 6% of men, 0.4% of women
#6da2b2 Tritanomaly 0.01% of the population

#6a9fb4 hex color

#6a9fb4 Color Information

#6a9fb4 Color Conversion

Color Schemes with #6a9fb4

Alternatives to #6a9fb4

#6a9fb4 Preview

Shades and Tints of #6a9fb4

Tones of #6a9fb4

Color Blindness Simulator