colorhexa.com

#7f9af3 hex color

In a RGB color space, hex #7f9af3 is composed of 49.8% red, 60.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 36.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 226 degrees, a saturation of 82.9% and a lightness of 72.5%. #7f9af3 color hex could be obtained by blending #feffff with #0035e7. Closest websafe color is: #6699ff.

- R 50
- G 60
- B 95
RGB color chart
- C 48
- M 37
- Y 0
- K 5
CMYK color chart

● #7f9af3 color description : Soft blue.

The hexadecimal color #7f9af3 has RGB values of R:127, G:154, B:243 and CMYK values of C:0.48, M:0.37, Y:0, K:0.05. Its decimal value is 8362739.

Hex triplet	7f9af3	`#7f9af3`
RGB Decimal	127, 154, 243	`rgb(127,154,243)`
RGB Percent	49.8, 60.4, 95.3	`rgb(49.8%,60.4%,95.3%)`
CMYK	48, 37, 0, 5
HSL	226°, 82.9, 72.5	`hsl(226,82.9%,72.5%)`
HSV (or HSB)	226°, 47.7, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.036, 14.078, -47.594
XYZ	36.482, 34.093, 89.447
xyY	0.228, 0.213, 34.093
CIE-LCH	65.036, 49.633, 286.477
CIE-LUV	65.036, -16.108, -78.132
Hunter-Lab	58.389, 9.348, -49.955
Binary	01111111, 10011010, 11110011

#7f9af3
```
#7f9af3 rgb(127,154,243)
```
#f3d87f
```
#f3d87f rgb(243,216,127)
```

Complementary Color

#7fd4f3
```
#7fd4f3 rgb(127,212,243)
```
#7f9af3
```
#7f9af3 rgb(127,154,243)
```
#9e7ff3
```
#9e7ff3 rgb(158,127,243)
```

Analogous Color

#d4f37f
```
#d4f37f rgb(212,243,127)
```
#7f9af3
```
#7f9af3 rgb(127,154,243)
```
#f39e7f
```
#f39e7f rgb(243,158,127)
```

Split Complementary Color

#9af37f
```
#9af37f rgb(154,243,127)
```
#7f9af3
```
#7f9af3 rgb(127,154,243)
```
#f37f9a
```
#f37f9a rgb(243,127,154)
```

Triadic Color

#7ff3d8
```
#7ff3d8 rgb(127,243,216)
```
#7f9af3
```
#7f9af3 rgb(127,154,243)
```
#f37f9a
```
#f37f9a rgb(243,127,154)
```
#f3d87f
```
#f3d87f rgb(243,216,127)
```

Tetradic Color

#3963ec
```
#3963ec rgb(57,99,236)
```
#5075ef
```
#5075ef rgb(80,117,239)
```
#6888f1
```
#6888f1 rgb(104,136,241)
```
#7f9af3
```
#7f9af3 rgb(127,154,243)
```
#96acf5
```
#96acf5 rgb(150,172,245)
```
#aebff7
```
#aebff7 rgb(174,191,247)
```
#c5d1fa
```
#c5d1fa rgb(197,209,250)
```

Monochromatic Color

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

#7fb7f3
```
#7fb7f3 rgb(127,183,243)
```
#7fadf3
```
#7fadf3 rgb(127,173,243)
```
#7fa4f3
```
#7fa4f3 rgb(127,164,243)
```
#7f9af3
```
#7f9af3 rgb(127,154,243)
```
#7f90f3
```
#7f90f3 rgb(127,144,243)
```
#7f87f3
```
#7f87f3 rgb(127,135,243)
```
#817ff3
```
#817ff3 rgb(129,127,243)
```

Similar Colors

Text with hexadecimal color #7f9af3

This text has a font color of #7f9af3.

<span style="color:#7f9af3;">Text here</span>

#7f9af3 background color

This paragraph has a background color of #7f9af3.

<p style="background-color:#7f9af3;">Content here</p>

#7f9af3 border color

This element has a border color of #7f9af3.

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

CSS codes

.text {color:#7f9af3;}

.background {background-color:#7f9af3;}

.border {border:1px solid #7f9af3;}

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, #01050f is the darkest color, while #fdfdff is the lightest one.

#01050f
```
#01050f rgb(1,5,15)
```
#030a21
```
#030a21 rgb(3,10,33)
```
#051033
```
#051033 rgb(5,16,51)
```
#061545
```
#061545 rgb(6,21,69)
```
#081b57
```
#081b57 rgb(8,27,87)
```
#0a2069
```
#0a2069 rgb(10,32,105)
```
#0c267b
```
#0c267b rgb(12,38,123)
```
#0d2b8d
```
#0d2b8d rgb(13,43,141)
```
#0f309f
```
#0f309f rgb(15,48,159)
```
#1136b1
```
#1136b1 rgb(17,54,177)
```
#123bc3
```
#123bc3 rgb(18,59,195)
```
#1441d5
```
#1441d5 rgb(20,65,213)
```
#1646e7
```
#1646e7 rgb(22,70,231)
```

Shade Color Variation

#2553eb
```
#2553eb rgb(37,83,235)
```
#3761ec
```
#3761ec rgb(55,97,236)
```
#4970ee
```
#4970ee rgb(73,112,238)
```
#5b7ef0
```
#5b7ef0 rgb(91,126,240)
```
#6d8cf1
```
#6d8cf1 rgb(109,140,241)
```
#7f9af3
```
#7f9af3 rgb(127,154,243)
```
#91a8f5
```
#91a8f5 rgb(145,168,245)
```
#a3b6f6
```
#a3b6f6 rgb(163,182,246)
```
#b5c4f8
```
#b5c4f8 rgb(181,196,248)
```
#c7d3fa
```
#c7d3fa rgb(199,211,250)
```
#d9e1fb
```
#d9e1fb rgb(217,225,251)
```
#ebeffd
```
#ebeffd rgb(235,239,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#b5b7bd
```
#b5b7bd rgb(181,183,189)
```
#afb4c3
```
#afb4c3 rgb(175,180,195)
```
#aab1c8
```
#aab1c8 rgb(170,177,200)
```
#a5aecd
```
#a5aecd rgb(165,174,205)
```
#9fabd3
```
#9fabd3 rgb(159,171,211)
```
#9aa8d8
```
#9aa8d8 rgb(154,168,216)
```
#95a6dd
```
#95a6dd rgb(149,166,221)
```
#8fa3e3
```
#8fa3e3 rgb(143,163,227)
```
#8aa0e8
```
#8aa0e8 rgb(138,160,232)
```
#849dee
```
#849dee rgb(132,157,238)
```
#7f9af3
```
#7f9af3 rgb(127,154,243)
```
#7a97f8
```
#7a97f8 rgb(122,151,248)
```
#7494fe
```
#7494fe rgb(116,148,254)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#969cad Atypical Achromatopsia 0.001% of the population

Dichromacy

#81a0f4 Protanopia 1% of men
#76a2f2 Deuteranopia 1% of men
#6eacb8 Tritanopia 0.001% of the population

Trichromacy

#809df3 Protanomaly 1% of men, 0.01% of women
#799ff2 Deuteranomaly 6% of men, 0.4% of women
#74a5cd Tritanomaly 0.01% of the population