#0972e5 hex color

In a RGB color space, hex #0972e5 is composed of 3.5% red, 44.7% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 96.1% cyan, 50.2% magenta, 0% yellow and 10.2% black. It has a hue angle of 211.4 degrees, a saturation of 92.4% and a lightness of 46.7%. #0972e5 color hex could be obtained by blending #12e4ff with #0000cb. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 4
- G 45
- B 90
RGB color chart
- C 96
- M 50
- Y 0
- K 10
CMYK color chart

● #0972e5 color description : Vivid blue.

The hexadecimal color #0972e5 has RGB values of R:9, G:114, B:229 and CMYK values of C:0.96, M:0.5, Y:0, K:0.1. Its decimal value is 619237.

Hex triplet	0972e5	`#0972e5`
RGB Decimal	9, 114, 229	`rgb(9,114,229)`
RGB Percent	3.5, 44.7, 89.8	`rgb(3.5%,44.7%,89.8%)`
CMYK	96, 50, 0, 10
HSL	211.4°, 92.4, 46.7	`hsl(211.4,92.4%,46.7%)`
HSV (or HSB)	211.4°, 96.1, 89.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	49.189, 17.738, -65.39
XYZ	20.27, 17.748, 76.482
xyY	0.177, 0.155, 17.748
CIE-LCH	49.189, 67.754, 285.177
CIE-LUV	49.189, -26.02, -101.507
Hunter-Lab	42.128, 12.159, -78.148
Binary	00001001, 01110010, 11100101

#0972e5
```
#0972e5 rgb(9,114,229)
```
#e57c09
```
#e57c09 rgb(229,124,9)
```

Complementary Color

#09e0e5
```
#09e0e5 rgb(9,224,229)
```
#0972e5
```
#0972e5 rgb(9,114,229)
```
#0e09e5
```
#0e09e5 rgb(14,9,229)
```

Analogous Color

#e0e509
```
#e0e509 rgb(224,229,9)
```
#0972e5
```
#0972e5 rgb(9,114,229)
```
#e50e09
```
#e50e09 rgb(229,14,9)
```

Split Complementary Color

#72e509
```
#72e509 rgb(114,229,9)
```
#0972e5
```
#0972e5 rgb(9,114,229)
```
#e50972
```
#e50972 rgb(229,9,114)
```

Triadic Color

#09e57c
```
#09e57c rgb(9,229,124)
```
#0972e5
```
#0972e5 rgb(9,114,229)
```
#e50972
```
#e50972 rgb(229,9,114)
```
#e57c09
```
#e57c09 rgb(229,124,9)
```

Tetradic Color

#064d9b
```
#064d9b rgb(6,77,155)
```
#075ab4
```
#075ab4 rgb(7,90,180)
```
#0866cc
```
#0866cc rgb(8,102,204)
```
#0972e5
```
#0972e5 rgb(9,114,229)
```
#127ff6
```
#127ff6 rgb(18,127,246)
```
#2a8cf7
```
#2a8cf7 rgb(42,140,247)
```
#4399f8
```
#4399f8 rgb(67,153,248)
```

Monochromatic Color

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

#09a9e5
```
#09a9e5 rgb(9,169,229)
```
#0997e5
```
#0997e5 rgb(9,151,229)
```
#0984e5
```
#0984e5 rgb(9,132,229)
```
#0972e5
```
#0972e5 rgb(9,114,229)
```
#0960e5
```
#0960e5 rgb(9,96,229)
```
#094de5
```
#094de5 rgb(9,77,229)
```
#093be5
```
#093be5 rgb(9,59,229)
```

Similar Colors

Text with hexadecimal color #0972e5

This text has a font color of #0972e5.

<span style="color:#0972e5;">Text here</span>

#0972e5 background color

This paragraph has a background color of #0972e5.

<p style="background-color:#0972e5;">Content here</p>

#0972e5 border color

This element has a border color of #0972e5.

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

CSS codes

.text {color:#0972e5;}

.background {background-color:#0972e5;}

.border {border:1px solid #0972e5;}

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 #eff6fe is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#010b15
```
#010b15 rgb(1,11,21)
```
#021428
```
#021428 rgb(2,20,40)
```
#021d3b
```
#021d3b rgb(2,29,59)
```
#03274e
```
#03274e rgb(3,39,78)
```
#043061
```
#043061 rgb(4,48,97)
```
#053a74
```
#053a74 rgb(5,58,116)
```
#054387
```
#054387 rgb(5,67,135)
```
#064c9a
```
#064c9a rgb(6,76,154)
```
#0756ac
```
#0756ac rgb(7,86,172)
```
#085fbf
```
#085fbf rgb(8,95,191)
```
#0869d2
```
#0869d2 rgb(8,105,210)
```
#0972e5
```
#0972e5 rgb(9,114,229)
```

Shade Color Variation

#0c7cf5
```
#0c7cf5 rgb(12,124,245)
```
#1f86f6
```
#1f86f6 rgb(31,134,246)
```
#3290f7
```
#3290f7 rgb(50,144,247)
```
#459af8
```
#459af8 rgb(69,154,248)
```
#58a4f8
```
#58a4f8 rgb(88,164,248)
```
#6baff9
```
#6baff9 rgb(107,175,249)
```
#7db9fa
```
#7db9fa rgb(125,185,250)
```
#90c3fb
```
#90c3fb rgb(144,195,251)
```
#a3cdfb
```
#a3cdfb rgb(163,205,251)
```
#b6d7fc
```
#b6d7fc rgb(182,215,252)
```
#c9e2fd
```
#c9e2fd rgb(201,226,253)
```
#dcecfe
```
#dcecfe rgb(220,236,254)
```
#eff6fe
```
#eff6fe rgb(239,246,254)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#6e7780
```
#6e7780 rgb(110,119,128)
```
#657689
```
#657689 rgb(101,118,137)
```
#5b7693
```
#5b7693 rgb(91,118,147)
```
#52759c
```
#52759c rgb(82,117,156)
```
#4975a5
```
#4975a5 rgb(73,117,165)
```
#4074ae
```
#4074ae rgb(64,116,174)
```
#3774b7
```
#3774b7 rgb(55,116,183)
```
#2e74c0
```
#2e74c0 rgb(46,116,192)
```
#2473ca
```
#2473ca rgb(36,115,202)
```
#1b73d3
```
#1b73d3 rgb(27,115,211)
```
#1272dc
```
#1272dc rgb(18,114,220)
```
#0972e5
```
#0972e5 rgb(9,114,229)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#4f647b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c78e5 Protanopia 1% of men
#007ecf Deuteranopia 1% of men
#00888f Tritanopia 0.001% of the population

Trichromacy

#1f76e5 Protanomaly 1% of men, 0.01% of women
#037ad7 Deuteranomaly 6% of men, 0.4% of women
#0380ae Tritanomaly 0.01% of the population

#0972e5 hex color

#0972e5 Color Information

#0972e5 Color Conversion

Color Schemes with #0972e5

Alternatives to #0972e5

#0972e5 Preview

Shades and Tints of #0972e5

Tones of #0972e5

Color Blindness Simulator