#235be2 hex color

In a RGB color space, hex #235be2 is composed of 13.7% red, 35.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 59.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 222.4 degrees, a saturation of 76.7% and a lightness of 51.2%. #235be2 color hex could be obtained by blending #46b6ff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 14
- G 36
- B 89
RGB color chart
- C 85
- M 60
- Y 0
- K 11
CMYK color chart

● #235be2 color description : Bright blue.

The hexadecimal color #235be2 has RGB values of R:35, G:91, B:226 and CMYK values of C:0.85, M:0.6, Y:0, K:0.11. Its decimal value is 2317282.

Hex triplet	235be2	`#235be2`
RGB Decimal	35, 91, 226	`rgb(35,91,226)`
RGB Percent	13.7, 35.7, 88.6	`rgb(13.7%,35.7%,88.6%)`
CMYK	85, 60, 0, 11
HSL	222.4°, 76.7, 51.2	`hsl(222.4,76.7%,51.2%)`
HSV (or HSB)	222.4°, 84.5, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.255, 32.565, -73.331
XYZ	18.159, 13.329, 73.563
xyY	0.173, 0.127, 13.329
CIE-LCH	43.255, 80.236, 293.945
CIE-LUV	43.255, -18.164, -109.618
Hunter-Lab	36.509, 24.891, -93.909
Binary	00100011, 01011011, 11100010

#235be2
```
#235be2 rgb(35,91,226)
```
#e2aa23
```
#e2aa23 rgb(226,170,35)
```

Complementary Color

#23bbe2
```
#23bbe2 rgb(35,187,226)
```
#235be2
```
#235be2 rgb(35,91,226)
```
#4b23e2
```
#4b23e2 rgb(75,35,226)
```

Analogous Color

#bbe223
```
#bbe223 rgb(187,226,35)
```
#235be2
```
#235be2 rgb(35,91,226)
```
#e24b23
```
#e24b23 rgb(226,75,35)
```

Split Complementary Color

#5be223
```
#5be223 rgb(91,226,35)
```
#235be2
```
#235be2 rgb(35,91,226)
```
#e2235b
```
#e2235b rgb(226,35,91)
```

Triadic Color

#23e2aa
```
#23e2aa rgb(35,226,170)
```
#235be2
```
#235be2 rgb(35,91,226)
```
#e2235b
```
#e2235b rgb(226,35,91)
```
#e2aa23
```
#e2aa23 rgb(226,170,35)
```

Tetradic Color

#153fa3
```
#153fa3 rgb(21,63,163)
```
#1848ba
```
#1848ba rgb(24,72,186)
```
#1b50d0
```
#1b50d0 rgb(27,80,208)
```
#235be2
```
#235be2 rgb(35,91,226)
```
#3a6ce5
```
#3a6ce5 rgb(58,108,229)
```
#507de8
```
#507de8 rgb(80,125,232)
```
#678deb
```
#678deb rgb(103,141,235)
```

Monochromatic Color

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

#238be2
```
#238be2 rgb(35,139,226)
```
#237be2
```
#237be2 rgb(35,123,226)
```
#236be2
```
#236be2 rgb(35,107,226)
```
#235be2
```
#235be2 rgb(35,91,226)
```
#234be2
```
#234be2 rgb(35,75,226)
```
#233be2
```
#233be2 rgb(35,59,226)
```
#232be2
```
#232be2 rgb(35,43,226)
```

Similar Colors

Text with hexadecimal color #235be2

This text has a font color of #235be2.

<span style="color:#235be2;">Text here</span>

#235be2 background color

This paragraph has a background color of #235be2.

<p style="background-color:#235be2;">Content here</p>

#235be2 border color

This element has a border color of #235be2.

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

CSS codes

.text {color:#235be2;}

.background {background-color:#235be2;}

.border {border:1px solid #235be2;}

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

#010205
```
#010205 rgb(1,2,5)
```
#030917
```
#030917 rgb(3,9,23)
```
#050f28
```
#050f28 rgb(5,15,40)
```
#081639
```
#081639 rgb(8,22,57)
```
#0a1d4b
```
#0a1d4b rgb(10,29,75)
```
#0c245c
```
#0c245c rgb(12,36,92)
```
#0e2a6d
```
#0e2a6d rgb(14,42,109)
```
#11317f
```
#11317f rgb(17,49,127)
```
#133890
```
#133890 rgb(19,56,144)
```
#153ea1
```
#153ea1 rgb(21,62,161)
```
#1845b3
```
#1845b3 rgb(24,69,179)
```
#1a4cc4
```
#1a4cc4 rgb(26,76,196)
```
#1c52d5
```
#1c52d5 rgb(28,82,213)
```

Shade Color Variation

#235be2
```
#235be2 rgb(35,91,226)
```
#3468e4
```
#3468e4 rgb(52,104,228)
```
#4675e7
```
#4675e7 rgb(70,117,231)
```
#5782e9
```
#5782e9 rgb(87,130,233)
```
#688feb
```
#688feb rgb(104,143,235)
```
#7a9ced
```
#7a9ced rgb(122,156,237)
```
#8ba9f0
```
#8ba9f0 rgb(139,169,240)
```
#9cb5f2
```
#9cb5f2 rgb(156,181,242)
```
#aec2f4
```
#aec2f4 rgb(174,194,244)
```
#bfcff7
```
#bfcff7 rgb(191,207,247)
```
#d0dcf9
```
#d0dcf9 rgb(208,220,249)
```
#e2e9fb
```
#e2e9fb rgb(226,233,251)
```
#f3f6fd
```
#f3f6fd rgb(243,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797f8c is the less saturated color, while #064fff is the most saturated one.

#797f8c
```
#797f8c rgb(121,127,140)
```
#707b95
```
#707b95 rgb(112,123,149)
```
#66779f
```
#66779f rgb(102,119,159)
```
#5c73a9
```
#5c73a9 rgb(92,115,169)
```
#536fb2
```
#536fb2 rgb(83,111,178)
```
#496bbc
```
#496bbc rgb(73,107,188)
```
#4067c5
```
#4067c5 rgb(64,103,197)
```
#3663cf
```
#3663cf rgb(54,99,207)
```
#2d5fd8
```
#2d5fd8 rgb(45,95,216)
```
#235be2
```
#235be2 rgb(35,91,226)
```
#1957ec
```
#1957ec rgb(25,87,236)
```
#1053f5
```
#1053f5 rgb(16,83,245)
```
#064fff
```
#064fff rgb(6,79,255)
```

Tone Color Variation

Below, you can see how #235be2 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

#5a5a5a Achromatopsia 0.005% of the population
#4f5a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b5 Deuteranopia 1% of men
#00797f Tritanopia 0.001% of the population

Trichromacy

#0c65d7 Protanomaly 1% of men, 0.01% of women
#0c68c5 Deuteranomaly 6% of men, 0.4% of women
#0c6ea3 Tritanomaly 0.01% of the population

#235be2 hex color

#235be2 Color Information

#235be2 Color Conversion

Color Schemes with #235be2

Alternatives to #235be2

#235be2 Preview

Shades and Tints of #235be2

Tones of #235be2

Color Blindness Simulator