#234af2 hex color

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

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

● #234af2 color description : Vivid blue.

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

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

CIE-LAB	40.677, 48.902, -86.609
XYZ	19.166, 11.664, 85.241
xyY	0.165, 0.1, 11.664
CIE-LCH	40.677, 99.461, 299.45
CIE-LUV	40.677, -14.501, -124.256
Hunter-Lab	34.153, 40.401, -124.072
Binary	00100011, 01001010, 11110010

#234af2
```
#234af2 rgb(35,74,242)
```
#f2cb23
```
#f2cb23 rgb(242,203,35)
```

Complementary Color

#23b2f2
```
#23b2f2 rgb(35,178,242)
```
#234af2
```
#234af2 rgb(35,74,242)
```
#6323f2
```
#6323f2 rgb(99,35,242)
```

Analogous Color

#b2f223
```
#b2f223 rgb(178,242,35)
```
#234af2
```
#234af2 rgb(35,74,242)
```
#f26423
```
#f26423 rgb(242,100,35)
```

Split Complementary Color

#4af223
```
#4af223 rgb(74,242,35)
```
#234af2
```
#234af2 rgb(35,74,242)
```
#f2234a
```
#f2234a rgb(242,35,74)
```

Triadic Color

#23f2cb
```
#23f2cb rgb(35,242,203)
```
#234af2
```
#234af2 rgb(35,74,242)
```
#f2234a
```
#f2234a rgb(242,35,74)
```
#f2cb23
```
#f2cb23 rgb(242,203,35)
```

Tetradic Color

#0b2dbd
```
#0b2dbd rgb(11,45,189)
```
#0d32d5
```
#0d32d5 rgb(13,50,213)
```
#0e38ed
```
#0e38ed rgb(14,56,237)
```
#234af2
```
#234af2 rgb(35,74,242)
```
#3b5ef3
```
#3b5ef3 rgb(59,94,243)
```
#5372f5
```
#5372f5 rgb(83,114,245)
```
#6b85f6
```
#6b85f6 rgb(107,133,246)
```

Monochromatic Color

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

#237ef2
```
#237ef2 rgb(35,126,242)
```
#236df2
```
#236df2 rgb(35,109,242)
```
#235bf2
```
#235bf2 rgb(35,91,242)
```
#234af2
```
#234af2 rgb(35,74,242)
```
#2339f2
```
#2339f2 rgb(35,57,242)
```
#2328f2
```
#2328f2 rgb(35,40,242)
```
#3023f2
```
#3023f2 rgb(48,35,242)
```

Similar Colors

Text with hexadecimal color #234af2

This text has a font color of #234af2.

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

#234af2 background color

This paragraph has a background color of #234af2.

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

#234af2 border color

This element has a border color of #234af2.

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

CSS codes

.text {color:#234af2;}

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

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

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)
```
#020927
```
#020927 rgb(2,9,39)
```
#030e3a
```
#030e3a rgb(3,14,58)
```
#05124c
```
#05124c rgb(5,18,76)
```
#06165f
```
#06165f rgb(6,22,95)
```
#071b71
```
#071b71 rgb(7,27,113)
```
#081f84
```
#081f84 rgb(8,31,132)
```
#092496
```
#092496 rgb(9,36,150)
```
#0a28a9
```
#0a28a9 rgb(10,40,169)
```
#0b2cbb
```
#0b2cbb rgb(11,44,187)
```
#0c31ce
```
#0c31ce rgb(12,49,206)
```
#0d35e1
```
#0d35e1 rgb(13,53,225)
```

Shade Color Variation

#103bf1
```
#103bf1 rgb(16,59,241)
```
#234af2
```
#234af2 rgb(35,74,242)
```
#3659f3
```
#3659f3 rgb(54,89,243)
```
#4868f4
```
#4868f4 rgb(72,104,244)
```
#5b78f5
```
#5b78f5 rgb(91,120,245)
```
#6d87f6
```
#6d87f6 rgb(109,135,246)
```
#8096f7
```
#8096f7 rgb(128,150,247)
```
#92a5f9
```
#92a5f9 rgb(146,165,249)
```
#a5b5fa
```
#a5b5fa rgb(165,181,250)
```
#b7c4fb
```
#b7c4fb rgb(183,196,251)
```
#cad3fc
```
#cad3fc rgb(202,211,252)
```
#dce2fd
```
#dce2fd rgb(220,226,253)
```
#eff2fe
```
#eff2fe rgb(239,242,254)
```

Tint Color Variation

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

#86878f
```
#86878f rgb(134,135,143)
```
#7d8298
```
#7d8298 rgb(125,130,152)
```
#747ca1
```
#747ca1 rgb(116,124,161)
```
#6b77aa
```
#6b77aa rgb(107,119,170)
```
#6271b3
```
#6271b3 rgb(98,113,179)
```
#596cbc
```
#596cbc rgb(89,108,188)
```
#5066c5
```
#5066c5 rgb(80,102,197)
```
#4760ce
```
#4760ce rgb(71,96,206)
```
#3e5bd7
```
#3e5bd7 rgb(62,91,215)
```
#3555e0
```
#3555e0 rgb(53,85,224)
```
#2c50e9
```
#2c50e9 rgb(44,80,233)
```
#234af2
```
#234af2 rgb(35,74,242)
```
#1a44fb
```
#1a44fb rgb(26,68,251)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#485071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c4 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#0c5bd5 Protanomaly 1% of men, 0.01% of women
#0c5fc4 Deuteranomaly 6% of men, 0.4% of women
#0c63a4 Tritanomaly 0.01% of the population

#234af2 hex color

#234af2 Color Information

#234af2 Color Conversion

Color Schemes with #234af2

Alternatives to #234af2

#234af2 Preview

Shades and Tints of #234af2

Tones of #234af2

Color Blindness Simulator