#7da4f0 hex color

In a RGB color space, hex #7da4f0 is composed of 49% red, 64.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 31.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 219.7 degrees, a saturation of 79.3% and a lightness of 71.6%. #7da4f0 color hex could be obtained by blending #faffff with #0049e1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 64
- B 94
RGB color chart
- C 48
- M 32
- Y 0
- K 6
CMYK color chart

● #7da4f0 color description : Soft blue.

The hexadecimal color #7da4f0 has RGB values of R:125, G:164, B:240 and CMYK values of C:0.48, M:0.32, Y:0, K:0.06. Its decimal value is 8234224.

Hex triplet	7da4f0	`#7da4f0`
RGB Decimal	125, 164, 240	`rgb(125,164,240)`
RGB Percent	49, 64.3, 94.1	`rgb(49%,64.3%,94.1%)`
CMYK	48, 32, 0, 6
HSL	219.7°, 79.3, 71.6	`hsl(219.7,79.3%,71.6%)`
HSV (or HSB)	219.7°, 47.9, 94.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.427, 6.982, -42.202
XYZ	37.458, 37.2, 87.64
xyY	0.231, 0.229, 37.2
CIE-LCH	67.427, 42.775, 279.394
CIE-LUV	67.427, -20.415, -68.631
Hunter-Lab	60.992, 2.887, -42.499
Binary	01111101, 10100100, 11110000

#7da4f0
```
#7da4f0 rgb(125,164,240)
```
#f0c97d
```
#f0c97d rgb(240,201,125)
```

Complementary Color

#7ddef0
```
#7ddef0 rgb(125,222,240)
```
#7da4f0
```
#7da4f0 rgb(125,164,240)
```
#907df0
```
#907df0 rgb(144,125,240)
```

Analogous Color

#def07d
```
#def07d rgb(222,240,125)
```
#7da4f0
```
#7da4f0 rgb(125,164,240)
```
#f0907d
```
#f0907d rgb(240,144,125)
```

Split Complementary Color

#a4f07d
```
#a4f07d rgb(164,240,125)
```
#7da4f0
```
#7da4f0 rgb(125,164,240)
```
#f07da4
```
#f07da4 rgb(240,125,164)
```

Triadic Color

#7df0c9
```
#7df0c9 rgb(125,240,201)
```
#7da4f0
```
#7da4f0 rgb(125,164,240)
```
#f07da4
```
#f07da4 rgb(240,125,164)
```
#f0c97d
```
#f0c97d rgb(240,201,125)
```

Tetradic Color

#3874e8
```
#3874e8 rgb(56,116,232)
```
#4f84eb
```
#4f84eb rgb(79,132,235)
```
#6694ed
```
#6694ed rgb(102,148,237)
```
#7da4f0
```
#7da4f0 rgb(125,164,240)
```
#94b4f3
```
#94b4f3 rgb(148,180,243)
```
#abc4f5
```
#abc4f5 rgb(171,196,245)
```
#c2d4f8
```
#c2d4f8 rgb(194,212,248)
```

Monochromatic Color

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

#7dc1f0
```
#7dc1f0 rgb(125,193,240)
```
#7db7f0
```
#7db7f0 rgb(125,183,240)
```
#7daef0
```
#7daef0 rgb(125,174,240)
```
#7da4f0
```
#7da4f0 rgb(125,164,240)
```
#7d9af0
```
#7d9af0 rgb(125,154,240)
```
#7d91f0
```
#7d91f0 rgb(125,145,240)
```
#7d87f0
```
#7d87f0 rgb(125,135,240)
```

Similar Colors

Text with hexadecimal color #7da4f0

This text has a font color of #7da4f0.

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

#7da4f0 background color

This paragraph has a background color of #7da4f0.

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

#7da4f0 border color

This element has a border color of #7da4f0.

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

CSS codes

.text {color:#7da4f0;}

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

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

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, #01040b is the darkest color, while #f8fafe is the lightest one.

#01040b
```
#01040b rgb(1,4,11)
```
#030c1c
```
#030c1c rgb(3,12,28)
```
#05132e
```
#05132e rgb(5,19,46)
```
#071a3f
```
#071a3f rgb(7,26,63)
```
#092251
```
#092251 rgb(9,34,81)
```
#0b2963
```
#0b2963 rgb(11,41,99)
```
#0d3074
```
#0d3074 rgb(13,48,116)
```
#0f3886
```
#0f3886 rgb(15,56,134)
```
#113f97
```
#113f97 rgb(17,63,151)
```
#1346a9
```
#1346a9 rgb(19,70,169)
```
#164dbb
```
#164dbb rgb(22,77,187)
```
#1855cc
```
#1855cc rgb(24,85,204)
```
#1a5cde
```
#1a5cde rgb(26,92,222)
```

Shade Color Variation

#2566e6
```
#2566e6 rgb(37,102,230)
```
#3773e8
```
#3773e8 rgb(55,115,232)
```
#487fea
```
#487fea rgb(72,127,234)
```
#5a8bec
```
#5a8bec rgb(90,139,236)
```
#6b98ee
```
#6b98ee rgb(107,152,238)
```
#7da4f0
```
#7da4f0 rgb(125,164,240)
```
#8fb0f2
```
#8fb0f2 rgb(143,176,242)
```
#a0bdf4
```
#a0bdf4 rgb(160,189,244)
```
#b2c9f6
```
#b2c9f6 rgb(178,201,246)
```
#c3d5f8
```
#c3d5f8 rgb(195,213,248)
```
#d5e2fa
```
#d5e2fa rgb(213,226,250)
```
#e7eefc
```
#e7eefc rgb(231,238,252)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#b5b6b8
```
#b5b6b8 rgb(181,182,184)
```
#afb4be
```
#afb4be rgb(175,180,190)
```
#aab2c3
```
#aab2c3 rgb(170,178,195)
```
#a4b1c9
```
#a4b1c9 rgb(164,177,201)
```
#9eafcf
```
#9eafcf rgb(158,175,207)
```
#99add4
```
#99add4 rgb(153,173,212)
```
#93abda
```
#93abda rgb(147,171,218)
```
#8ea9df
```
#8ea9df rgb(142,169,223)
```
#88a8e5
```
#88a8e5 rgb(136,168,229)
```
#83a6ea
```
#83a6ea rgb(131,166,234)
```
#7da4f0
```
#7da4f0 rgb(125,164,240)
```
#77a2f6
```
#77a2f6 rgb(119,162,246)
```
#72a0fb
```
#72a0fb rgb(114,160,251)
```

Tone Color Variation

Below, you can see how #7da4f0 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
#9aa2b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa6ef Protanopia 1% of men
#86a8f1 Deuteranopia 1% of men
#70b2bf Tritanopia 0.001% of the population

Trichromacy

#88a5ef Protanomaly 1% of men, 0.01% of women
#83a6f0 Deuteranomaly 6% of men, 0.4% of women
#75add1 Tritanomaly 0.01% of the population

#7da4f0 hex color

#7da4f0 Color Information

#7da4f0 Color Conversion

Color Schemes with #7da4f0

Alternatives to #7da4f0

#7da4f0 Preview

Shades and Tints of #7da4f0

Tones of #7da4f0

Color Blindness Simulator