colorhexa.com

#1996f7 hex color

In a RGB color space, hex #1996f7 is composed of 9.8% red, 58.8% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 39.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 206.2 degrees, a saturation of 93.3% and a lightness of 53.3%. #1996f7 color hex could be obtained by blending #32ffff with #002def. Closest websafe color is: #0099ff.

- R 10
- G 59
- B 97
RGB color chart
- C 90
- M 39
- Y 0
- K 3
CMYK color chart

● #1996f7 color description : Vivid blue.

The hexadecimal color #1996f7 has RGB values of R:25, G:150, B:247 and CMYK values of C:0.9, M:0.39, Y:0, K:0.03. Its decimal value is 1677047.

Hex triplet	1996f7	`#1996f7`
RGB Decimal	25, 150, 247	`rgb(25,150,247)`
RGB Percent	9.8, 58.8, 96.9	`rgb(9.8%,58.8%,96.9%)`
CMYK	90, 39, 0, 3
HSL	206.2°, 93.3, 53.3	`hsl(206.2,93.3%,53.3%)`
HSV (or HSB)	206.2°, 89.9, 96.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	60.545, 3.122, -57.142
XYZ	28.092, 28.732, 92.056
xyY	0.189, 0.193, 28.732
CIE-LCH	60.545, 57.227, 273.128
CIE-LUV	60.545, -35.426, -91.797
Hunter-Lab	53.602, -0.257, -64.302
Binary	00011001, 10010110, 11110111

#1996f7
```
#1996f7 rgb(25,150,247)
```
#f77a19
```
#f77a19 rgb(247,122,25)
```

Complementary Color

#19f7e9
```
#19f7e9 rgb(25,247,233)
```
#1996f7
```
#1996f7 rgb(25,150,247)
```
#1927f7
```
#1927f7 rgb(25,39,247)
```

Analogous Color

#f7e919
```
#f7e919 rgb(247,233,25)
```
#1996f7
```
#1996f7 rgb(25,150,247)
```
#f71927
```
#f71927 rgb(247,25,39)
```

Split Complementary Color

#96f719
```
#96f719 rgb(150,247,25)
```
#1996f7
```
#1996f7 rgb(25,150,247)
```
#f71996
```
#f71996 rgb(247,25,150)
```

Triadic Color

#19f77a
```
#19f77a rgb(25,247,122)
```
#1996f7
```
#1996f7 rgb(25,150,247)
```
#f71996
```
#f71996 rgb(247,25,150)
```
#f77a19
```
#f77a19 rgb(247,122,25)
```

Tetradic Color

#076dbd
```
#076dbd rgb(7,109,189)
```
#077cd6
```
#077cd6 rgb(7,124,214)
```
#088aee
```
#088aee rgb(8,138,238)
```
#1996f7
```
#1996f7 rgb(25,150,247)
```
#32a1f8
```
#32a1f8 rgb(50,161,248)
```
#4aadf9
```
#4aadf9 rgb(74,173,249)
```
#63b8fa
```
#63b8fa rgb(99,184,250)
```

Monochromatic Color

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

#19cef7
```
#19cef7 rgb(25,206,247)
```
#19bbf7
```
#19bbf7 rgb(25,187,247)
```
#19a9f7
```
#19a9f7 rgb(25,169,247)
```
#1996f7
```
#1996f7 rgb(25,150,247)
```
#1984f7
```
#1984f7 rgb(25,132,247)
```
#1971f7
```
#1971f7 rgb(25,113,247)
```
#195ff7
```
#195ff7 rgb(25,95,247)
```

Similar Colors

Text with hexadecimal color #1996f7

This text has a font color of #1996f7.

<span style="color:#1996f7;">Text here</span>

#1996f7 background color

This paragraph has a background color of #1996f7.

<p style="background-color:#1996f7;">Content here</p>

#1996f7 border color

This element has a border color of #1996f7.

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

CSS codes

.text {color:#1996f7;}

.background {background-color:#1996f7;}

.border {border:1px solid #1996f7;}

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, #010a10 is the darkest color, while #fcfeff is the lightest one.

#010a10
```
#010a10 rgb(1,10,16)
```
#011423
```
#011423 rgb(1,20,35)
```
#021f36
```
#021f36 rgb(2,31,54)
```
#032a49
```
#032a49 rgb(3,42,73)
```
#03355c
```
#03355c rgb(3,53,92)
```
#04406f
```
#04406f rgb(4,64,111)
```
#054b82
```
#054b82 rgb(5,75,130)
```
#055695
```
#055695 rgb(5,86,149)
```
#0661a8
```
#0661a8 rgb(6,97,168)
```
#076cbb
```
#076cbb rgb(7,108,187)
```
#0777ce
```
#0777ce rgb(7,119,206)
```
#0882e1
```
#0882e1 rgb(8,130,225)
```
#088df4
```
#088df4 rgb(8,141,244)
```

Shade Color Variation

#1996f7
```
#1996f7 rgb(25,150,247)
```
#2c9ff8
```
#2c9ff8 rgb(44,159,248)
```
#3fa7f8
```
#3fa7f8 rgb(63,167,248)
```
#52b0f9
```
#52b0f9 rgb(82,176,249)
```
#65b9fa
```
#65b9fa rgb(101,185,250)
```
#78c1fa
```
#78c1fa rgb(120,193,250)
```
#8bcafb
```
#8bcafb rgb(139,202,251)
```
#9ed3fc
```
#9ed3fc rgb(158,211,252)
```
#b1dbfc
```
#b1dbfc rgb(177,219,252)
```
#c4e4fd
```
#c4e4fd rgb(196,228,253)
```
#d7edfe
```
#d7edfe rgb(215,237,254)
```
#eaf5fe
```
#eaf5fe rgb(234,245,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#878889
```
#878889 rgb(135,136,137)
```
#7e8992
```
#7e8992 rgb(126,137,146)
```
#758a9b
```
#758a9b rgb(117,138,155)
```
#6b8ca5
```
#6b8ca5 rgb(107,140,165)
```
#628dae
```
#628dae rgb(98,141,174)
```
#598eb7
```
#598eb7 rgb(89,142,183)
```
#508fc0
```
#508fc0 rgb(80,143,192)
```
#4790c9
```
#4790c9 rgb(71,144,201)
```
#3e91d2
```
#3e91d2 rgb(62,145,210)
```
#3493dc
```
#3493dc rgb(52,147,220)
```
#2b94e5
```
#2b94e5 rgb(43,148,229)
```
#2295ee
```
#2295ee rgb(34,149,238)
```
#1996f7
```
#1996f7 rgb(25,150,247)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#688195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d94f1 Protanopia 1% of men
#4299f8 Deuteranopia 1% of men
#00a6b0 Tritanopia 0.001% of the population

Trichromacy

#4e95f3 Protanomaly 1% of men, 0.01% of women
#3398f7 Deuteranomaly 6% of men, 0.4% of women
#09a0ca Tritanomaly 0.01% of the population