#7da2f9 hex color

In a RGB color space, hex #7da2f9 is composed of 49% red, 63.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 34.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 222.1 degrees, a saturation of 91.2% and a lightness of 73.3%. #7da2f9 color hex could be obtained by blending #faffff with #0045f3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 64
- B 98
RGB color chart
- C 50
- M 35
- Y 0
- K 2
CMYK color chart

● #7da2f9 color description : Soft blue.

The hexadecimal color #7da2f9 has RGB values of R:125, G:162, B:249 and CMYK values of C:0.5, M:0.35, Y:0, K:0.02. Its decimal value is 8233721.

Hex triplet	7da2f9	`#7da2f9`
RGB Decimal	125, 162, 249	`rgb(125,162,249)`
RGB Percent	49, 63.5, 97.6	`rgb(49%,63.5%,97.6%)`
CMYK	50, 35, 0, 2
HSL	222.1°, 91.2, 73.3	`hsl(222.1,91.2%,73.3%)`
HSV (or HSB)	222.1°, 49.8, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.306, 10.787, -47.305
XYZ	38.473, 37.038, 94.739
xyY	0.226, 0.218, 37.038
CIE-LCH	67.306, 48.519, 282.846
CIE-LUV	67.306, -19.79, -77.686
Hunter-Lab	60.859, 6.338, -49.695
Binary	01111101, 10100010, 11111001

#7da2f9
```
#7da2f9 rgb(125,162,249)
```
#f9d47d
```
#f9d47d rgb(249,212,125)
```

Complementary Color

#7de0f9
```
#7de0f9 rgb(125,224,249)
```
#7da2f9
```
#7da2f9 rgb(125,162,249)
```
#967df9
```
#967df9 rgb(150,125,249)
```

Analogous Color

#e0f97d
```
#e0f97d rgb(224,249,125)
```
#7da2f9
```
#7da2f9 rgb(125,162,249)
```
#f9967d
```
#f9967d rgb(249,150,125)
```

Split Complementary Color

#a2f97d
```
#a2f97d rgb(162,249,125)
```
#7da2f9
```
#7da2f9 rgb(125,162,249)
```
#f97da2
```
#f97da2 rgb(249,125,162)
```

Triadic Color

#7df9d4
```
#7df9d4 rgb(125,249,212)
```
#7da2f9
```
#7da2f9 rgb(125,162,249)
```
#f97da2
```
#f97da2 rgb(249,125,162)
```
#f9d47d
```
#f9d47d rgb(249,212,125)
```

Tetradic Color

#346ef6
```
#346ef6 rgb(52,110,246)
```
#4c7ff7
```
#4c7ff7 rgb(76,127,247)
```
#6591f8
```
#6591f8 rgb(101,145,248)
```
#7da2f9
```
#7da2f9 rgb(125,162,249)
```
#95b3fa
```
#95b3fa rgb(149,179,250)
```
#aec5fb
```
#aec5fb rgb(174,197,251)
```
#c6d6fc
```
#c6d6fc rgb(198,214,252)
```

Monochromatic Color

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

#7dc1f9
```
#7dc1f9 rgb(125,193,249)
```
#7db7f9
```
#7db7f9 rgb(125,183,249)
```
#7dacf9
```
#7dacf9 rgb(125,172,249)
```
#7da2f9
```
#7da2f9 rgb(125,162,249)
```
#7d98f9
```
#7d98f9 rgb(125,152,249)
```
#7d8df9
```
#7d8df9 rgb(125,141,249)
```
#7d83f9
```
#7d83f9 rgb(125,131,249)
```

Similar Colors

Text with hexadecimal color #7da2f9

This text has a font color of #7da2f9.

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

#7da2f9 background color

This paragraph has a background color of #7da2f9.

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

#7da2f9 border color

This element has a border color of #7da2f9.

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

CSS codes

.text {color:#7da2f9;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010714
```
#010714 rgb(1,7,20)
```
#020d27
```
#020d27 rgb(2,13,39)
```
#03133a
```
#03133a rgb(3,19,58)
```
#04194c
```
#04194c rgb(4,25,76)
```
#041f5f
```
#041f5f rgb(4,31,95)
```
#052672
```
#052672 rgb(5,38,114)
```
#062c85
```
#062c85 rgb(6,44,133)
```
#073297
```
#073297 rgb(7,50,151)
```
#0838aa
```
#0838aa rgb(8,56,170)
```
#093ebd
```
#093ebd rgb(9,62,189)
```
#0a45d0
```
#0a45d0 rgb(10,69,208)
```
#0a4be2
```
#0a4be2 rgb(10,75,226)
```

Shade Color Variation

#0d52f4
```
#0d52f4 rgb(13,82,244)
```
#1f5ff5
```
#1f5ff5 rgb(31,95,245)
```
#326cf6
```
#326cf6 rgb(50,108,246)
```
#457af6
```
#457af6 rgb(69,122,246)
```
#5887f7
```
#5887f7 rgb(88,135,247)
```
#6a95f8
```
#6a95f8 rgb(106,149,248)
```
#7da2f9
```
#7da2f9 rgb(125,162,249)
```
#90affa
```
#90affa rgb(144,175,250)
```
#a3bdfb
```
#a3bdfb rgb(163,189,251)
```
#b5cafc
```
#b5cafc rgb(181,202,252)
```
#c8d8fc
```
#c8d8fc rgb(200,216,252)
```
#dbe5fd
```
#dbe5fd rgb(219,229,253)
```
#eef2fe
```
#eef2fe rgb(238,242,254)
```

Tint Color Variation

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

#b7b9bf
```
#b7b9bf rgb(183,185,191)
```
#b1b7c5
```
#b1b7c5 rgb(177,183,197)
```
#acb5ca
```
#acb5ca rgb(172,181,202)
```
#a7b3cf
```
#a7b3cf rgb(167,179,207)
```
#a2b1d4
```
#a2b1d4 rgb(162,177,212)
```
#9cafda
```
#9cafda rgb(156,175,218)
```
#97addf
```
#97addf rgb(151,173,223)
```
#92aae4
```
#92aae4 rgb(146,170,228)
```
#8da8e9
```
#8da8e9 rgb(141,168,233)
```
#87a6ef
```
#87a6ef rgb(135,166,239)
```
#82a4f4
```
#82a4f4 rgb(130,164,244)
```
#7da2f9
```
#7da2f9 rgb(125,162,249)
```
#78a0fe
```
#78a0fe rgb(120,160,254)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#9aa1b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a5f8 Protanopia 1% of men
#7da8f8 Deuteranopia 1% of men
#6cb3c0 Tritanopia 0.001% of the population

Trichromacy

#84a4f8 Protanomaly 1% of men, 0.01% of women
#7da6f8 Deuteranomaly 6% of men, 0.4% of women
#72acd4 Tritanomaly 0.01% of the population

#7da2f9 hex color

#7da2f9 Color Information

#7da2f9 Color Conversion

Color Schemes with #7da2f9

Alternatives to #7da2f9

#7da2f9 Preview

Shades and Tints of #7da2f9

Tones of #7da2f9

Color Blindness Simulator