#7d97fb hex color

In a RGB color space, hex #7d97fb is composed of 49% red, 59.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 39.8% magenta, 0% yellow and 1.6% black. It has a hue angle of 227.6 degrees, a saturation of 94% and a lightness of 73.7%. #7d97fb color hex could be obtained by blending #faffff with #002ff7. Closest websafe color is: #6699ff.

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

● #7d97fb color description : Soft blue.

The hexadecimal color #7d97fb has RGB values of R:125, G:151, B:251 and CMYK values of C:0.5, M:0.4, Y:0, K:0.02. Its decimal value is 8230907.

Hex triplet	7d97fb	`#7d97fb`
RGB Decimal	125, 151, 251	`rgb(125,151,251)`
RGB Percent	49, 59.2, 98.4	`rgb(49%,59.2%,98.4%)`
CMYK	50, 40, 0, 2
HSL	227.6°, 94, 73.7	`hsl(227.6,94%,73.7%)`
HSV (or HSB)	227.6°, 50.2, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.529, 17.754, -52.784
XYZ	36.933, 33.457, 95.773
xyY	0.222, 0.201, 33.457
CIE-LCH	64.529, 55.69, 288.591
CIE-LUV	64.529, -15.947, -87.11
Hunter-Lab	57.842, 12.752, -57.682
Binary	01111101, 10010111, 11111011

#7d97fb
```
#7d97fb rgb(125,151,251)
```
#fbe17d
```
#fbe17d rgb(251,225,125)
```

Complementary Color

#7dd6fb
```
#7dd6fb rgb(125,214,251)
```
#7d97fb
```
#7d97fb rgb(125,151,251)
```
#a27dfb
```
#a27dfb rgb(162,125,251)
```

Analogous Color

#d6fb7d
```
#d6fb7d rgb(214,251,125)
```
#7d97fb
```
#7d97fb rgb(125,151,251)
```
#fba27d
```
#fba27d rgb(251,162,125)
```

Split Complementary Color

#97fb7d
```
#97fb7d rgb(151,251,125)
```
#7d97fb
```
#7d97fb rgb(125,151,251)
```
#fb7d97
```
#fb7d97 rgb(251,125,151)
```

Triadic Color

#7dfbe1
```
#7dfbe1 rgb(125,251,225)
```
#7d97fb
```
#7d97fb rgb(125,151,251)
```
#fb7d97
```
#fb7d97 rgb(251,125,151)
```
#fbe17d
```
#fbe17d rgb(251,225,125)
```

Tetradic Color

#335cf9
```
#335cf9 rgb(51,92,249)
```
#4c6ff9
```
#4c6ff9 rgb(76,111,249)
```
#6483fa
```
#6483fa rgb(100,131,250)
```
#7d97fb
```
#7d97fb rgb(125,151,251)
```
#96abfc
```
#96abfc rgb(150,171,252)
```
#aebffd
```
#aebffd rgb(174,191,253)
```
#c7d2fd
```
#c7d2fd rgb(199,210,253)
```

Monochromatic Color

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

#7db7fb
```
#7db7fb rgb(125,183,251)
```
#7dacfb
```
#7dacfb rgb(125,172,251)
```
#7da2fb
```
#7da2fb rgb(125,162,251)
```
#7d97fb
```
#7d97fb rgb(125,151,251)
```
#7d8dfb
```
#7d8dfb rgb(125,141,251)
```
#7d82fb
```
#7d82fb rgb(125,130,251)
```
#837dfb
```
#837dfb rgb(131,125,251)
```

Similar Colors

Text with hexadecimal color #7d97fb

This text has a font color of #7d97fb.

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

#7d97fb background color

This paragraph has a background color of #7d97fb.

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

#7d97fb border color

This element has a border color of #7d97fb.

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

CSS codes

.text {color:#7d97fb;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010516
```
#010516 rgb(1,5,22)
```
#010a29
```
#010a29 rgb(1,10,41)
```
#020e3c
```
#020e3c rgb(2,14,60)
```
#02124f
```
#02124f rgb(2,18,79)
```
#031762
```
#031762 rgb(3,23,98)
```
#041b75
```
#041b75 rgb(4,27,117)
```
#041f88
```
#041f88 rgb(4,31,136)
```
#05249b
```
#05249b rgb(5,36,155)
```
#0528ae
```
#0528ae rgb(5,40,174)
```
#062dc2
```
#062dc2 rgb(6,45,194)
```
#0731d5
```
#0731d5 rgb(7,49,213)
```
#0735e8
```
#0735e8 rgb(7,53,232)
```

Shade Color Variation

#0b3cf7
```
#0b3cf7 rgb(11,60,247)
```
#1e4bf8
```
#1e4bf8 rgb(30,75,248)
```
#315af9
```
#315af9 rgb(49,90,249)
```
#4469f9
```
#4469f9 rgb(68,105,249)
```
#5779fa
```
#5779fa rgb(87,121,250)
```
#6a88fa
```
#6a88fa rgb(106,136,250)
```
#7d97fb
```
#7d97fb rgb(125,151,251)
```
#90a6fc
```
#90a6fc rgb(144,166,252)
```
#a3b5fc
```
#a3b5fc rgb(163,181,252)
```
#b6c5fd
```
#b6c5fd rgb(182,197,253)
```
#c9d4fd
```
#c9d4fd rgb(201,212,253)
```
#dce3fe
```
#dce3fe rgb(220,227,254)
```
#eff2ff
```
#eff2ff rgb(239,242,255)
```

Tint Color Variation

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

#bbbbbd
```
#bbbbbd rgb(187,187,189)
```
#b6b8c2
```
#b6b8c2 rgb(182,184,194)
```
#b1b5c7
```
#b1b5c7 rgb(177,181,199)
```
#abb2cd
```
#abb2cd rgb(171,178,205)
```
#a6afd2
```
#a6afd2 rgb(166,175,210)
```
#a1acd7
```
#a1acd7 rgb(161,172,215)
```
#9ca9dc
```
#9ca9dc rgb(156,169,220)
```
#97a6e1
```
#97a6e1 rgb(151,166,225)
```
#92a3e6
```
#92a3e6 rgb(146,163,230)
```
#8ca0ec
```
#8ca0ec rgb(140,160,236)
```
#879df1
```
#879df1 rgb(135,157,241)
```
#829af6
```
#829af6 rgb(130,154,246)
```
#7d97fb
```
#7d97fb rgb(125,151,251)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#959aae Atypical Achromatopsia 0.001% of the population

Dichromacy

#789efc Protanopia 1% of men
#68a2f8 Deuteranopia 1% of men
#67abb8 Tritanopia 0.001% of the population

Trichromacy

#7a9bfc Protanomaly 1% of men, 0.01% of women
#709ef9 Deuteranomaly 6% of men, 0.4% of women
#6fa4d0 Tritanomaly 0.01% of the population

#7d97fb hex color

#7d97fb Color Information

#7d97fb Color Conversion

Color Schemes with #7d97fb

Alternatives to #7d97fb

#7d97fb Preview

Shades and Tints of #7d97fb

Tones of #7d97fb

Color Blindness Simulator