colorhexa.com

#235fb2 hex color

In a RGB color space, hex #235fb2 is composed of 13.7% red, 37.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 46.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 214.8 degrees, a saturation of 67.1% and a lightness of 41.8%. #235fb2 color hex could be obtained by blending #46beff with #000065. Closest websafe color is: #336699.

- R 14
- G 37
- B 70
RGB color chart
- C 80
- M 47
- Y 0
- K 30
CMYK color chart

● #235fb2 color description : Dark blue.

The hexadecimal color #235fb2 has RGB values of R:35, G:95, B:178 and CMYK values of C:0.8, M:0.47, Y:0, K:0.3. Its decimal value is 2318258.

Hex triplet	235fb2	`#235fb2`
RGB Decimal	35, 95, 178	`rgb(35,95,178)`
RGB Percent	13.7, 37.3, 69.8	`rgb(13.7%,37.3%,69.8%)`
CMYK	80, 47, 0, 30
HSL	214.8°, 67.1, 41.8	`hsl(214.8,67.1%,41.8%)`
HSV (or HSB)	214.8°, 80.3, 69.8
Web Safe	336699	`#336699`

CIE-LAB	40.824, 11.485, -49.566
XYZ	12.819, 11.755, 43.71
xyY	0.188, 0.172, 11.755
CIE-LCH	40.824, 50.879, 283.046
CIE-LUV	40.824, -20.027, -73.244
Hunter-Lab	34.286, 6.741, -51.588
Binary	00100011, 01011111, 10110010

#235fb2
```
#235fb2 rgb(35,95,178)
```
#b27623
```
#b27623 rgb(178,118,35)
```

Complementary Color

#23a7b2
```
#23a7b2 rgb(35,167,178)
```
#235fb2
```
#235fb2 rgb(35,95,178)
```
#2f23b2
```
#2f23b2 rgb(47,35,178)
```

Analogous Color

#a7b223
```
#a7b223 rgb(167,178,35)
```
#235fb2
```
#235fb2 rgb(35,95,178)
```
#b22f23
```
#b22f23 rgb(178,47,35)
```

Split Complementary Color

#5fb223
```
#5fb223 rgb(95,178,35)
```
#235fb2
```
#235fb2 rgb(35,95,178)
```
#b2235f
```
#b2235f rgb(178,35,95)
```

Triadic Color

#23b276
```
#23b276 rgb(35,178,118)
```
#235fb2
```
#235fb2 rgb(35,95,178)
```
#b2235f
```
#b2235f rgb(178,35,95)
```
#b27623
```
#b27623 rgb(178,118,35)
```

Tetradic Color

#163d72
```
#163d72 rgb(22,61,114)
```
#1b4887
```
#1b4887 rgb(27,72,135)
```
#1f549d
```
#1f549d rgb(31,84,157)
```
#235fb2
```
#235fb2 rgb(35,95,178)
```
#276ac7
```
#276ac7 rgb(39,106,199)
```
#3177d7
```
#3177d7 rgb(49,119,215)
```
#4785db
```
#4785db rgb(71,133,219)
```

Monochromatic Color

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

#2383b2
```
#2383b2 rgb(35,131,178)
```
#2377b2
```
#2377b2 rgb(35,119,178)
```
#236bb2
```
#236bb2 rgb(35,107,178)
```
#235fb2
```
#235fb2 rgb(35,95,178)
```
#2353b2
```
#2353b2 rgb(35,83,178)
```
#2347b2
```
#2347b2 rgb(35,71,178)
```
#233bb2
```
#233bb2 rgb(35,59,178)
```

Similar Colors

Text with hexadecimal color #235fb2

This text has a font color of #235fb2.

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

#235fb2 background color

This paragraph has a background color of #235fb2.

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

#235fb2 border color

This element has a border color of #235fb2.

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

CSS codes

.text {color:#235fb2;}

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

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

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, #03080e is the darkest color, while #fdfdff is the lightest one.

#03080e
```
#03080e rgb(3,8,14)
```
#06101e
```
#06101e rgb(6,16,30)
```
#09192f
```
#09192f rgb(9,25,47)
```
#0c223f
```
#0c223f rgb(12,34,63)
```
#102b50
```
#102b50 rgb(16,43,80)
```
#133360
```
#133360 rgb(19,51,96)
```
#163c70
```
#163c70 rgb(22,60,112)
```
#194581
```
#194581 rgb(25,69,129)
```
#1d4e91
```
#1d4e91 rgb(29,78,145)
```
#2056a2
```
#2056a2 rgb(32,86,162)
```
#235fb2
```
#235fb2 rgb(35,95,178)
```
#2668c2
```
#2668c2 rgb(38,104,194)
```
#2970d3
```
#2970d3 rgb(41,112,211)
```

Shade Color Variation

#387bd8
```
#387bd8 rgb(56,123,216)
```
#4886db
```
#4886db rgb(72,134,219)
```
#5991de
```
#5991de rgb(89,145,222)
```
#699ce2
```
#699ce2 rgb(105,156,226)
```
#7aa7e5
```
#7aa7e5 rgb(122,167,229)
```
#8ab1e8
```
#8ab1e8 rgb(138,177,232)
```
#9abceb
```
#9abceb rgb(154,188,235)
```
#abc7ee
```
#abc7ee rgb(171,199,238)
```
#bbd2f2
```
#bbd2f2 rgb(187,210,242)
```
#ccddf5
```
#ccddf5 rgb(204,221,245)
```
#dce8f8
```
#dce8f8 rgb(220,232,248)
```
#ecf3fb
```
#ecf3fb rgb(236,243,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656a70 is the less saturated color, while #025ad3 is the most saturated one.

#656a70
```
#656a70 rgb(101,106,112)
```
#5c6879
```
#5c6879 rgb(92,104,121)
```
#546781
```
#546781 rgb(84,103,129)
```
#4c6689
```
#4c6689 rgb(76,102,137)
```
#446491
```
#446491 rgb(68,100,145)
```
#3c6399
```
#3c6399 rgb(60,99,153)
```
#3362a2
```
#3362a2 rgb(51,98,162)
```
#2b60aa
```
#2b60aa rgb(43,96,170)
```
#235fb2
```
#235fb2 rgb(35,95,178)
```
#1b5eba
```
#1b5eba rgb(27,94,186)
```
#135cc2
```
#135cc2 rgb(19,92,194)
```
#0a5bcb
```
#0a5bcb rgb(10,91,203)
```
#025ad3
```
#025ad3 rgb(2,90,211)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4d5969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c65b4 Protanopia 1% of men
#006ab0 Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#3363b3 Protanomaly 1% of men, 0.01% of women
#0c66b1 Deuteranomaly 6% of men, 0.4% of women
#0c6b8e Tritanomaly 0.01% of the population