#6a9df2 hex color

In a RGB color space, hex #6a9df2 is composed of 41.6% red, 61.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 56.2% cyan, 35.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 217.5 degrees, a saturation of 84% and a lightness of 68.2%. #6a9df2 color hex could be obtained by blending #d4ffff with #003be5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 42
- G 62
- B 95
RGB color chart
- C 56
- M 35
- Y 0
- K 5
CMYK color chart

● #6a9df2 color description : Soft blue.

The hexadecimal color #6a9df2 has RGB values of R:106, G:157, B:242 and CMYK values of C:0.56, M:0.35, Y:0, K:0.05. Its decimal value is 6987250.

Hex triplet	6a9df2	`#6a9df2`
RGB Decimal	106, 157, 242	`rgb(106,157,242)`
RGB Percent	41.6, 61.6, 94.9	`rgb(41.6%,61.6%,94.9%)`
CMYK	56, 35, 0, 5
HSL	217.5°, 84, 68.2	`hsl(217.5,84%,68.2%)`
HSV (or HSB)	217.5°, 56.2, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.633, 7.463, -47.758
XYZ	34.024, 33.587, 88.69
xyY	0.218, 0.215, 33.587
CIE-LCH	64.633, 48.338, 278.881
CIE-LUV	64.633, -23.983, -77.566
Hunter-Lab	57.954, 3.375, -50.166
Binary	01101010, 10011101, 11110010

#6a9df2
```
#6a9df2 rgb(106,157,242)
```
#f2bf6a
```
#f2bf6a rgb(242,191,106)
```

Complementary Color

#6ae1f2
```
#6ae1f2 rgb(106,225,242)
```
#6a9df2
```
#6a9df2 rgb(106,157,242)
```
#7b6af2
```
#7b6af2 rgb(123,106,242)
```

Analogous Color

#e1f26a
```
#e1f26a rgb(225,242,106)
```
#6a9df2
```
#6a9df2 rgb(106,157,242)
```
#f27b6a
```
#f27b6a rgb(242,123,106)
```

Split Complementary Color

#9df26a
```
#9df26a rgb(157,242,106)
```
#6a9df2
```
#6a9df2 rgb(106,157,242)
```
#f26a9d
```
#f26a9d rgb(242,106,157)
```

Triadic Color

#6af2bf
```
#6af2bf rgb(106,242,191)
```
#6a9df2
```
#6a9df2 rgb(106,157,242)
```
#f26a9d
```
#f26a9d rgb(242,106,157)
```
#f2bf6a
```
#f2bf6a rgb(242,191,106)
```

Tetradic Color

#246fec
```
#246fec rgb(36,111,236)
```
#3b7eee
```
#3b7eee rgb(59,126,238)
```
#538ef0
```
#538ef0 rgb(83,142,240)
```
#6a9df2
```
#6a9df2 rgb(106,157,242)
```
#81acf4
```
#81acf4 rgb(129,172,244)
```
#99bcf6
```
#99bcf6 rgb(153,188,246)
```
#b0cbf8
```
#b0cbf8 rgb(176,203,248)
```

Monochromatic Color

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

#6abff2
```
#6abff2 rgb(106,191,242)
```
#6ab4f2
```
#6ab4f2 rgb(106,180,242)
```
#6aa8f2
```
#6aa8f2 rgb(106,168,242)
```
#6a9df2
```
#6a9df2 rgb(106,157,242)
```
#6a92f2
```
#6a92f2 rgb(106,146,242)
```
#6a86f2
```
#6a86f2 rgb(106,134,242)
```
#6a7bf2
```
#6a7bf2 rgb(106,123,242)
```

Similar Colors

Text with hexadecimal color #6a9df2

This text has a font color of #6a9df2.

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

#6a9df2 background color

This paragraph has a background color of #6a9df2.

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

#6a9df2 border color

This element has a border color of #6a9df2.

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

CSS codes

.text {color:#6a9df2;}

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

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

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, #01060d is the darkest color, while #fafcff is the lightest one.

#01060d
```
#01060d rgb(1,6,13)
```
#030d1f
```
#030d1f rgb(3,13,31)
```
#041531
```
#041531 rgb(4,21,49)
```
#061d43
```
#061d43 rgb(6,29,67)
```
#072556
```
#072556 rgb(7,37,86)
```
#092c68
```
#092c68 rgb(9,44,104)
```
#0b347a
```
#0b347a rgb(11,52,122)
```
#0c3c8c
```
#0c3c8c rgb(12,60,140)
```
#0e449e
```
#0e449e rgb(14,68,158)
```
#0f4bb0
```
#0f4bb0 rgb(15,75,176)
```
#1153c2
```
#1153c2 rgb(17,83,194)
```
#125bd4
```
#125bd4 rgb(18,91,212)
```
#1463e6
```
#1463e6 rgb(20,99,230)
```

Shade Color Variation

#226eec
```
#226eec rgb(34,110,236)
```
#3479ed
```
#3479ed rgb(52,121,237)
```
#4685ef
```
#4685ef rgb(70,133,239)
```
#5891f0
```
#5891f0 rgb(88,145,240)
```
#6a9df2
```
#6a9df2 rgb(106,157,242)
```
#7ca9f4
```
#7ca9f4 rgb(124,169,244)
```
#8eb5f5
```
#8eb5f5 rgb(142,181,245)
```
#a0c1f7
```
#a0c1f7 rgb(160,193,247)
```
#b2ccf8
```
#b2ccf8 rgb(178,204,248)
```
#c4d8fa
```
#c4d8fa rgb(196,216,250)
```
#d6e4fb
```
#d6e4fb rgb(214,228,251)
```
#e8f0fd
```
#e8f0fd rgb(232,240,253)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#a8adb4
```
#a8adb4 rgb(168,173,180)
```
#a2abba
```
#a2abba rgb(162,171,186)
```
#9ca9c0
```
#9ca9c0 rgb(156,169,192)
```
#96a8c6
```
#96a8c6 rgb(150,168,198)
```
#8fa6cd
```
#8fa6cd rgb(143,166,205)
```
#89a5d3
```
#89a5d3 rgb(137,165,211)
```
#83a3d9
```
#83a3d9 rgb(131,163,217)
```
#7da2df
```
#7da2df rgb(125,162,223)
```
#76a0e6
```
#76a0e6 rgb(118,160,230)
```
#709fec
```
#709fec rgb(112,159,236)
```
#6a9df2
```
#6a9df2 rgb(106,157,242)
```
#649bf8
```
#649bf8 rgb(100,155,248)
```
#5e9afe
```
#5e9afe rgb(94,154,254)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8e98a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#829ff0 Protanopia 1% of men
#72a1f2 Deuteranopia 1% of men
#54aeba Tritanopia 0.001% of the population

Trichromacy

#799ef1 Protanomaly 1% of men, 0.01% of women
#6fa0f2 Deuteranomaly 6% of men, 0.4% of women
#5ca7ce Tritanomaly 0.01% of the population

#6a9df2 hex color

#6a9df2 Color Information

#6a9df2 Color Conversion

Color Schemes with #6a9df2

Alternatives to #6a9df2

#6a9df2 Preview

Shades and Tints of #6a9df2

Tones of #6a9df2

Color Blindness Simulator