#6a9fb1 hex color

In a RGB color space, hex #6a9fb1 is composed of 41.6% red, 62.4% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 10.2% magenta, 0% yellow and 30.6% black. It has a hue angle of 195.2 degrees, a saturation of 31.3% and a lightness of 55.5%. #6a9fb1 color hex could be obtained by blending #d4ffff with #003f63. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 42
- G 62
- B 69
RGB color chart
- C 40
- M 10
- Y 0
- K 31
CMYK color chart

● #6a9fb1 color description : Mostly desaturated dark blue.

The hexadecimal color #6a9fb1 has RGB values of R:106, G:159, B:177 and CMYK values of C:0.4, M:0.1, Y:0, K:0.31. Its decimal value is 6987697.

Hex triplet	6a9fb1	`#6a9fb1`
RGB Decimal	106, 159, 177	`rgb(106,159,177)`
RGB Percent	41.6, 62.4, 69.4	`rgb(41.6%,62.4%,69.4%)`
CMYK	40, 10, 0, 31
HSL	195.2°, 31.3, 55.5	`hsl(195.2,31.3%,55.5%)`
HSV (or HSB)	195.2°, 40.1, 69.4
Web Safe	669999	`#669999`

CIE-LAB	62.536, -12.798, -14.879
XYZ	26.276, 31.033, 46.198
xyY	0.254, 0.3, 31.033
CIE-LCH	62.536, 19.626, 229.3
CIE-LUV	62.536, -25.289, -20.538
Hunter-Lab	55.708, -13.295, -10.173
Binary	01101010, 10011111, 10110001

#6a9fb1
```
#6a9fb1 rgb(106,159,177)
```
#b17c6a
```
#b17c6a rgb(177,124,106)
```

Complementary Color

#6ab1a0
```
#6ab1a0 rgb(106,177,160)
```
#6a9fb1
```
#6a9fb1 rgb(106,159,177)
```
#6a7cb1
```
#6a7cb1 rgb(106,124,177)
```

Analogous Color

#b1a06a
```
#b1a06a rgb(177,160,106)
```
#6a9fb1
```
#6a9fb1 rgb(106,159,177)
```
#b16a7c
```
#b16a7c rgb(177,106,124)
```

Split Complementary Color

#9fb16a
```
#9fb16a rgb(159,177,106)
```
#6a9fb1
```
#6a9fb1 rgb(106,159,177)
```
#b16a9f
```
#b16a9f rgb(177,106,159)
```

Triadic Color

#6ab17c
```
#6ab17c rgb(106,177,124)
```
#6a9fb1
```
#6a9fb1 rgb(106,159,177)
```
#b16a9f
```
#b16a9f rgb(177,106,159)
```
#b17c6a
```
#b17c6a rgb(177,124,106)
```

Tetradic Color

#477788
```
#477788 rgb(71,119,136)
```
#508698
```
#508698 rgb(80,134,152)
```
#5994a8
```
#5994a8 rgb(89,148,168)
```
#6a9fb1
```
#6a9fb1 rgb(106,159,177)
```
#7baaba
```
#7baaba rgb(123,170,186)
```
#8bb5c3
```
#8bb5c3 rgb(139,181,195)
```
#9cbfcb
```
#9cbfcb rgb(156,191,203)
```

Monochromatic Color

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

#6ab1b1
```
#6ab1b1 rgb(106,177,177)
```
#6aabb1
```
#6aabb1 rgb(106,171,177)
```
#6aa5b1
```
#6aa5b1 rgb(106,165,177)
```
#6a9fb1
```
#6a9fb1 rgb(106,159,177)
```
#6a99b1
```
#6a99b1 rgb(106,153,177)
```
#6a93b1
```
#6a93b1 rgb(106,147,177)
```
#6a8db1
```
#6a8db1 rgb(106,141,177)
```

Similar Colors

Text with hexadecimal color #6a9fb1

This text has a font color of #6a9fb1.

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

#6a9fb1 background color

This paragraph has a background color of #6a9fb1.

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

#6a9fb1 border color

This element has a border color of #6a9fb1.

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

CSS codes

.text {color:#6a9fb1;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a1012
```
#0a1012 rgb(10,16,18)
```
#101b1f
```
#101b1f rgb(16,27,31)
```
#17272c
```
#17272c rgb(23,39,44)
```
#1e3239
```
#1e3239 rgb(30,50,57)
```
#253d46
```
#253d46 rgb(37,61,70)
```
#2b4953
```
#2b4953 rgb(43,73,83)
```
#325460
```
#325460 rgb(50,84,96)
```
#395f6d
```
#395f6d rgb(57,95,109)
```
#406b79
```
#406b79 rgb(64,107,121)
```
#467686
```
#467686 rgb(70,118,134)
```
#4d8193
```
#4d8193 rgb(77,129,147)
```
#548da0
```
#548da0 rgb(84,141,160)
```

Shade Color Variation

#5d97aa
```
#5d97aa rgb(93,151,170)
```
#6a9fb1
```
#6a9fb1 rgb(106,159,177)
```
#77a7b8
```
#77a7b8 rgb(119,167,184)
```
#84b0be
```
#84b0be rgb(132,176,190)
```
#91b8c5
```
#91b8c5 rgb(145,184,197)
```
#9ec0cc
```
#9ec0cc rgb(158,192,204)
```
#aac8d3
```
#aac8d3 rgb(170,200,211)
```
#b7d1d9
```
#b7d1d9 rgb(183,209,217)
```
#c4d9e0
```
#c4d9e0 rgb(196,217,224)
```
#d1e1e7
```
#d1e1e7 rgb(209,225,231)
```
#deeaee
```
#deeaee rgb(222,234,238)
```
#ebf2f4
```
#ebf2f4 rgb(235,242,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#8d8e8e
```
#8d8e8e rgb(141,142,142)
```
#849297
```
#849297 rgb(132,146,151)
```
#7b96a0
```
#7b96a0 rgb(123,150,160)
```
#739ba8
```
#739ba8 rgb(115,155,168)
```
#6a9fb1
```
#6a9fb1 rgb(106,159,177)
```
#61a3ba
```
#61a3ba rgb(97,163,186)
```
#59a8c2
```
#59a8c2 rgb(89,168,194)
```
#50accb
```
#50accb rgb(80,172,203)
```
#47b0d4
```
#47b0d4 rgb(71,176,212)
```
#3eb5dd
```
#3eb5dd rgb(62,181,221)
```
#36b9e5
```
#36b9e5 rgb(54,185,229)
```
#2dbdee
```
#2dbdee rgb(45,189,238)
```
#24c1f7
```
#24c1f7 rgb(36,193,247)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#899497 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999baf Protanopia 1% of men
#9c99b8 Deuteranopia 1% of men
#70a4b0 Tritanopia 0.001% of the population

Trichromacy

#879cb0 Protanomaly 1% of men, 0.01% of women
#8a9bb6 Deuteranomaly 6% of men, 0.4% of women
#6ea2b0 Tritanomaly 0.01% of the population

#6a9fb1 hex color

#6a9fb1 Color Information

#6a9fb1 Color Conversion

Color Schemes with #6a9fb1

Alternatives to #6a9fb1

#6a9fb1 Preview

Shades and Tints of #6a9fb1

Tones of #6a9fb1

Color Blindness Simulator