#2372ff hex color

In a RGB color space, hex #2372ff is composed of 13.7% red, 44.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 55.3% magenta, 0% yellow and 0% black. It has a hue angle of 218.5 degrees, a saturation of 100% and a lightness of 56.9%. #2372ff color hex could be obtained by blending #46e4ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 14
- G 45
- B 100
RGB color chart
- C 86
- M 55
- Y 0
- K 0
CMYK color chart

● #2372ff color description : Vivid blue.

The hexadecimal color #2372ff has RGB values of R:35, G:114, B:255 and CMYK values of C:0.86, M:0.55, Y:0, K:0. Its decimal value is 2323199.

Hex triplet	2372ff	`#2372ff`
RGB Decimal	35, 114, 255	`rgb(35,114,255)`
RGB Percent	13.7, 44.7, 100	`rgb(13.7%,44.7%,100%)`
CMYK	86, 55, 0, 0
HSL	218.5°, 100, 56.9	`hsl(218.5,100%,56.9%)`
HSV (or HSB)	218.5°, 86.3, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.393, 28.828, -76.302
XYZ	24.757, 19.61, 97.083
xyY	0.175, 0.139, 19.61
CIE-LCH	51.393, 81.566, 290.697
CIE-LUV	51.393, -23.746, -119.647
Hunter-Lab	44.283, 22.295, -98.984
Binary	00100011, 01110010, 11111111

#2372ff
```
#2372ff rgb(35,114,255)
```
#ffb023
```
#ffb023 rgb(255,176,35)
```

Complementary Color

#23e0ff
```
#23e0ff rgb(35,224,255)
```
#2372ff
```
#2372ff rgb(35,114,255)
```
#4223ff
```
#4223ff rgb(66,35,255)
```

Analogous Color

#e0ff23
```
#e0ff23 rgb(224,255,35)
```
#2372ff
```
#2372ff rgb(35,114,255)
```
#ff4223
```
#ff4223 rgb(255,66,35)
```

Split Complementary Color

#72ff23
```
#72ff23 rgb(114,255,35)
```
#2372ff
```
#2372ff rgb(35,114,255)
```
#ff2372
```
#ff2372 rgb(255,35,114)
```

Triadic Color

#23ffb0
```
#23ffb0 rgb(35,255,176)
```
#2372ff
```
#2372ff rgb(35,114,255)
```
#ff2372
```
#ff2372 rgb(255,35,114)
```
#ffb023
```
#ffb023 rgb(255,176,35)
```

Tetradic Color

#004dd6
```
#004dd6 rgb(0,77,214)
```
#0056ef
```
#0056ef rgb(0,86,239)
```
#0962ff
```
#0962ff rgb(9,98,255)
```
#2372ff
```
#2372ff rgb(35,114,255)
```
#3d82ff
```
#3d82ff rgb(61,130,255)
```
#5693ff
```
#5693ff rgb(86,147,255)
```
#70a3ff
```
#70a3ff rgb(112,163,255)
```

Monochromatic Color

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

#23a9ff
```
#23a9ff rgb(35,169,255)
```
#2397ff
```
#2397ff rgb(35,151,255)
```
#2384ff
```
#2384ff rgb(35,132,255)
```
#2372ff
```
#2372ff rgb(35,114,255)
```
#2360ff
```
#2360ff rgb(35,96,255)
```
#234dff
```
#234dff rgb(35,77,255)
```
#233bff
```
#233bff rgb(35,59,255)
```

Similar Colors

Text with hexadecimal color #2372ff

This text has a font color of #2372ff.

<span style="color:#2372ff;">Text here</span>

#2372ff background color

This paragraph has a background color of #2372ff.

<p style="background-color:#2372ff;">Content here</p>

#2372ff border color

This element has a border color of #2372ff.

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

CSS codes

.text {color:#2372ff;}

.background {background-color:#2372ff;}

.border {border:1px solid #2372ff;}

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, #00060f is the darkest color, while #fbfcff is the lightest one.

#00060f
```
#00060f rgb(0,6,15)
```
#000d23
```
#000d23 rgb(0,13,35)
```
#001437
```
#001437 rgb(0,20,55)
```
#001b4a
```
#001b4a rgb(0,27,74)
```
#00225e
```
#00225e rgb(0,34,94)
```
#002971
```
#002971 rgb(0,41,113)
```
#003085
```
#003085 rgb(0,48,133)
```
#003799
```
#003799 rgb(0,55,153)
```
#003eac
```
#003eac rgb(0,62,172)
```
#0045c0
```
#0045c0 rgb(0,69,192)
```
#004cd4
```
#004cd4 rgb(0,76,212)
```
#0053e7
```
#0053e7 rgb(0,83,231)
```
#005afb
```
#005afb rgb(0,90,251)
```

Shade Color Variation

#0f65ff
```
#0f65ff rgb(15,101,255)
```
#2372ff
```
#2372ff rgb(35,114,255)
```
#377fff
```
#377fff rgb(55,127,255)
```
#4a8bff
```
#4a8bff rgb(74,139,255)
```
#5e98ff
```
#5e98ff rgb(94,152,255)
```
#71a4ff
```
#71a4ff rgb(113,164,255)
```
#85b1ff
```
#85b1ff rgb(133,177,255)
```
#99bdff
```
#99bdff rgb(153,189,255)
```
#accaff
```
#accaff rgb(172,202,255)
```
#c0d7ff
```
#c0d7ff rgb(192,215,255)
```
#d4e3ff
```
#d4e3ff rgb(212,227,255)
```
#e7f0ff
```
#e7f0ff rgb(231,240,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898f99 is the less saturated color, while #2372ff is the most saturated one.

#898f99
```
#898f99 rgb(137,143,153)
```
#808ca2
```
#808ca2 rgb(128,140,162)
```
#788aaa
```
#788aaa rgb(120,138,170)
```
#6f87b3
```
#6f87b3 rgb(111,135,179)
```
#6785bb
```
#6785bb rgb(103,133,187)
```
#5e83c4
```
#5e83c4 rgb(94,131,196)
```
#5680cc
```
#5680cc rgb(86,128,204)
```
#4d7ed5
```
#4d7ed5 rgb(77,126,213)
```
#457cdd
```
#457cdd rgb(69,124,221)
```
#3c79e6
```
#3c79e6 rgb(60,121,230)
```
#3477ee
```
#3477ee rgb(52,119,238)
```
#2b74f7
```
#2b74f7 rgb(43,116,247)
```
#2372ff
```
#2372ff rgb(35,114,255)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5c6c88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#0084d6 Deuteranopia 1% of men
#008e95 Tritanopia 0.001% of the population

Trichromacy

#0c79f9 Protanomaly 1% of men, 0.01% of women
#0c7de5 Deuteranomaly 6% of men, 0.4% of women
#0c83bc Tritanomaly 0.01% of the population

#2372ff hex color

#2372ff Color Information

#2372ff Color Conversion

Color Schemes with #2372ff

Alternatives to #2372ff

#2372ff Preview

Shades and Tints of #2372ff

Tones of #2372ff

Color Blindness Simulator