#234cf2 hex color

In a RGB color space, hex #234cf2 is composed of 13.7% red, 29.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 68.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 228.1 degrees, a saturation of 88.8% and a lightness of 54.3%. #234cf2 color hex could be obtained by blending #4698ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 14
- G 30
- B 95
RGB color chart
- C 86
- M 69
- Y 0
- K 5
CMYK color chart

● #234cf2 color description : Vivid blue.

The hexadecimal color #234cf2 has RGB values of R:35, G:76, B:242 and CMYK values of C:0.86, M:0.69, Y:0, K:0.05. Its decimal value is 2313458.

Hex triplet	234cf2	`#234cf2`
RGB Decimal	35, 76, 242	`rgb(35,76,242)`
RGB Percent	13.7, 29.8, 94.9	`rgb(13.7%,29.8%,94.9%)`
CMYK	86, 69, 0, 5
HSL	228.1°, 88.8, 54.3	`hsl(228.1,88.8%,54.3%)`
HSV (or HSB)	228.1°, 85.5, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.113, 47.712, -85.89
XYZ	19.301, 11.936, 85.286
xyY	0.166, 0.102, 11.936
CIE-LCH	41.113, 98.252, 299.052
CIE-LUV	41.113, -14.889, -123.907
Hunter-Lab	34.548, 39.266, -122.182
Binary	00100011, 01001100, 11110010

#234cf2
```
#234cf2 rgb(35,76,242)
```
#f2c923
```
#f2c923 rgb(242,201,35)
```

Complementary Color

#23b4f2
```
#23b4f2 rgb(35,180,242)
```
#234cf2
```
#234cf2 rgb(35,76,242)
```
#6223f2
```
#6223f2 rgb(98,35,242)
```

Analogous Color

#b4f223
```
#b4f223 rgb(180,242,35)
```
#234cf2
```
#234cf2 rgb(35,76,242)
```
#f26123
```
#f26123 rgb(242,97,35)
```

Split Complementary Color

#4cf223
```
#4cf223 rgb(76,242,35)
```
#234cf2
```
#234cf2 rgb(35,76,242)
```
#f2234c
```
#f2234c rgb(242,35,76)
```

Triadic Color

#23f2c9
```
#23f2c9 rgb(35,242,201)
```
#234cf2
```
#234cf2 rgb(35,76,242)
```
#f2234c
```
#f2234c rgb(242,35,76)
```
#f2c923
```
#f2c923 rgb(242,201,35)
```

Tetradic Color

#0b2ebd
```
#0b2ebd rgb(11,46,189)
```
#0d34d5
```
#0d34d5 rgb(13,52,213)
```
#0e3aed
```
#0e3aed rgb(14,58,237)
```
#234cf2
```
#234cf2 rgb(35,76,242)
```
#3b60f3
```
#3b60f3 rgb(59,96,243)
```
#5373f5
```
#5373f5 rgb(83,115,245)
```
#6b87f6
```
#6b87f6 rgb(107,135,246)
```

Monochromatic Color

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

#2380f2
```
#2380f2 rgb(35,128,242)
```
#236ff2
```
#236ff2 rgb(35,111,242)
```
#235df2
```
#235df2 rgb(35,93,242)
```
#234cf2
```
#234cf2 rgb(35,76,242)
```
#233bf2
```
#233bf2 rgb(35,59,242)
```
#232af2
```
#232af2 rgb(35,42,242)
```
#2e23f2
```
#2e23f2 rgb(46,35,242)
```

Similar Colors

Text with hexadecimal color #234cf2

This text has a font color of #234cf2.

<span style="color:#234cf2;">Text here</span>

#234cf2 background color

This paragraph has a background color of #234cf2.

<p style="background-color:#234cf2;">Content here</p>

#234cf2 border color

This element has a border color of #234cf2.

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

CSS codes

.text {color:#234cf2;}

.background {background-color:#234cf2;}

.border {border:1px solid #234cf2;}

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

#000102
```
#000102 rgb(0,1,2)
```
#010515
```
#010515 rgb(1,5,21)
```
#020a27
```
#020a27 rgb(2,10,39)
```
#030e3a
```
#030e3a rgb(3,14,58)
```
#05134c
```
#05134c rgb(5,19,76)
```
#06175f
```
#06175f rgb(6,23,95)
```
#071c71
```
#071c71 rgb(7,28,113)
```
#082084
```
#082084 rgb(8,32,132)
```
#092596
```
#092596 rgb(9,37,150)
```
#0a29a9
```
#0a29a9 rgb(10,41,169)
```
#0b2ebb
```
#0b2ebb rgb(11,46,187)
```
#0c33ce
```
#0c33ce rgb(12,51,206)
```
#0d37e1
```
#0d37e1 rgb(13,55,225)
```

Shade Color Variation

#103df1
```
#103df1 rgb(16,61,241)
```
#234cf2
```
#234cf2 rgb(35,76,242)
```
#365bf3
```
#365bf3 rgb(54,91,243)
```
#486af4
```
#486af4 rgb(72,106,244)
```
#5b79f5
```
#5b79f5 rgb(91,121,245)
```
#6d88f6
```
#6d88f6 rgb(109,136,246)
```
#8097f7
```
#8097f7 rgb(128,151,247)
```
#92a6f9
```
#92a6f9 rgb(146,166,249)
```
#a5b5fa
```
#a5b5fa rgb(165,181,250)
```
#b7c5fb
```
#b7c5fb rgb(183,197,251)
```
#cad4fc
```
#cad4fc rgb(202,212,252)
```
#dce3fd
```
#dce3fd rgb(220,227,253)
```
#eff2fe
```
#eff2fe rgb(239,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86888f is the less saturated color, while #1a47fb is the most saturated one.

#86888f
```
#86888f rgb(134,136,143)
```
#7d8298
```
#7d8298 rgb(125,130,152)
```
#747da1
```
#747da1 rgb(116,125,161)
```
#6b77aa
```
#6b77aa rgb(107,119,170)
```
#6272b3
```
#6272b3 rgb(98,114,179)
```
#596cbc
```
#596cbc rgb(89,108,188)
```
#5067c5
```
#5067c5 rgb(80,103,197)
```
#4762ce
```
#4762ce rgb(71,98,206)
```
#3e5cd7
```
#3e5cd7 rgb(62,92,215)
```
#3557e0
```
#3557e0 rgb(53,87,224)
```
#2c51e9
```
#2c51e9 rgb(44,81,233)
```
#234cf2
```
#234cf2 rgb(35,76,242)
```
#1a47fb
```
#1a47fb rgb(26,71,251)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#495273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#0c5cd6 Protanomaly 1% of men, 0.01% of women
#0c60c5 Deuteranomaly 6% of men, 0.4% of women
#0c65a5 Tritanomaly 0.01% of the population

#234cf2 hex color

#234cf2 Color Information

#234cf2 Color Conversion

Color Schemes with #234cf2

Alternatives to #234cf2

#234cf2 Preview

Shades and Tints of #234cf2

Tones of #234cf2

Color Blindness Simulator