#235b86 hex color

In a RGB color space, hex #235b86 is composed of 13.7% red, 35.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 32.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 206.1 degrees, a saturation of 58.6% and a lightness of 33.1%. #235b86 color hex could be obtained by blending #46b6ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 14
- G 36
- B 53
RGB color chart
- C 74
- M 32
- Y 0
- K 47
CMYK color chart

● #235b86 color description : Dark blue.

The hexadecimal color #235b86 has RGB values of R:35, G:91, B:134 and CMYK values of C:0.74, M:0.32, Y:0, K:0.47. Its decimal value is 2317190.

Hex triplet	235b86	`#235b86`
RGB Decimal	35, 91, 134	`rgb(35,91,134)`
RGB Percent	13.7, 35.7, 52.5	`rgb(13.7%,35.7%,52.5%)`
CMYK	74, 32, 0, 47
HSL	206.1°, 58.6, 33.1	`hsl(206.1,58.6%,33.1%)`
HSV (or HSB)	206.1°, 73.9, 52.5
Web Safe	336699	`#336699`

CIE-LAB	37.041, -2.976, -29.259
XYZ	8.736, 9.56, 23.938
xyY	0.207, 0.226, 9.56
CIE-LCH	37.041, 29.41, 264.192
CIE-LUV	37.041, -20.128, -40.517
Hunter-Lab	30.919, -3.674, -24.259
Binary	00100011, 01011011, 10000110

#235b86
```
#235b86 rgb(35,91,134)
```
#864e23
```
#864e23 rgb(134,78,35)
```

Complementary Color

#238680
```
#238680 rgb(35,134,128)
```
#235b86
```
#235b86 rgb(35,91,134)
```
#232a86
```
#232a86 rgb(35,42,134)
```

Analogous Color

#868023
```
#868023 rgb(134,128,35)
```
#235b86
```
#235b86 rgb(35,91,134)
```
#86232a
```
#86232a rgb(134,35,42)
```

Split Complementary Color

#5b8623
```
#5b8623 rgb(91,134,35)
```
#235b86
```
#235b86 rgb(35,91,134)
```
#86235b
```
#86235b rgb(134,35,91)
```

Triadic Color

#23864e
```
#23864e rgb(35,134,78)
```
#235b86
```
#235b86 rgb(35,91,134)
```
#86235b
```
#86235b rgb(134,35,91)
```
#864e23
```
#864e23 rgb(134,78,35)
```

Tetradic Color

#133249
```
#133249 rgb(19,50,73)
```
#18405e
```
#18405e rgb(24,64,94)
```
#1e4d72
```
#1e4d72 rgb(30,77,114)
```
#235b86
```
#235b86 rgb(35,91,134)
```
#28699a
```
#28699a rgb(40,105,154)
```
#2e76ae
```
#2e76ae rgb(46,118,174)
```
#3384c3
```
#3384c3 rgb(51,132,195)
```

Monochromatic Color

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

#237486
```
#237486 rgb(35,116,134)
```
#236c86
```
#236c86 rgb(35,108,134)
```
#236386
```
#236386 rgb(35,99,134)
```
#235b86
```
#235b86 rgb(35,91,134)
```
#235386
```
#235386 rgb(35,83,134)
```
#234b86
```
#234b86 rgb(35,75,134)
```
#234286
```
#234286 rgb(35,66,134)
```

Similar Colors

Text with hexadecimal color #235b86

This text has a font color of #235b86.

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

#235b86 background color

This paragraph has a background color of #235b86.

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

#235b86 border color

This element has a border color of #235b86.

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

CSS codes

.text {color:#235b86;}

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

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

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, #03070a is the darkest color, while #f9fcfd is the lightest one.

#03070a
```
#03070a rgb(3,7,10)
```
#071119
```
#071119 rgb(7,17,25)
```
#0b1c29
```
#0b1c29 rgb(11,28,41)
```
#0f2638
```
#0f2638 rgb(15,38,56)
```
#133148
```
#133148 rgb(19,49,72)
```
#173b57
```
#173b57 rgb(23,59,87)
```
#1b4667
```
#1b4667 rgb(27,70,103)
```
#1f5076
```
#1f5076 rgb(31,80,118)
```
#235b86
```
#235b86 rgb(35,91,134)
```
#276696
```
#276696 rgb(39,102,150)
```
#2b70a5
```
#2b70a5 rgb(43,112,165)
```
#2f7bb5
```
#2f7bb5 rgb(47,123,181)
```
#3385c4
```
#3385c4 rgb(51,133,196)
```

Shade Color Variation

#3e8fcd
```
#3e8fcd rgb(62,143,205)
```
#4e98d1
```
#4e98d1 rgb(78,152,209)
```
#5da1d5
```
#5da1d5 rgb(93,161,213)
```
#6daad9
```
#6daad9 rgb(109,170,217)
```
#7db3dd
```
#7db3dd rgb(125,179,221)
```
#8cbce1
```
#8cbce1 rgb(140,188,225)
```
#9cc5e5
```
#9cc5e5 rgb(156,197,229)
```
#abcee9
```
#abcee9 rgb(171,206,233)
```
#bbd7ed
```
#bbd7ed rgb(187,215,237)
```
#cae0f1
```
#cae0f1 rgb(202,224,241)
```
#dae9f5
```
#dae9f5 rgb(218,233,245)
```
#e9f2f9
```
#e9f2f9 rgb(233,242,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515559 is the less saturated color, while #035fa7 is the most saturated one.

#515559
```
#515559 rgb(81,85,89)
```
#4a565f
```
#4a565f rgb(74,86,95)
```
#445766
```
#445766 rgb(68,87,102)
```
#3d586c
```
#3d586c rgb(61,88,108)
```
#375873
```
#375873 rgb(55,88,115)
```
#305979
```
#305979 rgb(48,89,121)
```
#2a5a80
```
#2a5a80 rgb(42,90,128)
```
#235b86
```
#235b86 rgb(35,91,134)
```
#1d5c8d
```
#1d5c8d rgb(29,92,141)
```
#165d93
```
#165d93 rgb(22,93,147)
```
#105e9a
```
#105e9a rgb(16,94,154)
```
#095ea0
```
#095ea0 rgb(9,94,160)
```
#035fa7
```
#035fa7 rgb(3,95,167)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#46515a Atypical Achromatopsia 0.001% of the population

Dichromacy

#505e88 Protanopia 1% of men
#465f8d Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#405d87 Protanomaly 1% of men, 0.01% of women
#395e8b Deuteranomaly 6% of men, 0.4% of women
#0c6478 Tritanomaly 0.01% of the population

#235b86 hex color

#235b86 Color Information

#235b86 Color Conversion

Color Schemes with #235b86

Alternatives to #235b86

#235b86 Preview

Shades and Tints of #235b86

Tones of #235b86

Color Blindness Simulator