#235e86 hex color

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

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

● #235e86 color description : Dark blue.

The hexadecimal color #235e86 has RGB values of R:35, G:94, B:134 and CMYK values of C:0.74, M:0.3, Y:0, K:0.47. Its decimal value is 2317958.

Hex triplet	235e86	`#235e86`
RGB Decimal	35, 94, 134	`rgb(35,94,134)`
RGB Percent	13.7, 36.9, 52.5	`rgb(13.7%,36.9%,52.5%)`
CMYK	74, 30, 0, 47
HSL	204.2°, 58.6, 33.1	`hsl(204.2,58.6%,33.1%)`
HSV (or HSB)	204.2°, 73.9, 52.5
Web Safe	336699	`#336699`

CIE-LAB	37.991, -4.843, -27.766
XYZ	8.998, 10.083, 24.025
xyY	0.209, 0.234, 10.083
CIE-LCH	37.991, 28.185, 260.106
CIE-LUV	37.991, -21.197, -38.384
Hunter-Lab	31.754, -4.99, -22.631
Binary	00100011, 01011110, 10000110

#235e86
```
#235e86 rgb(35,94,134)
```
#864b23
```
#864b23 rgb(134,75,35)
```

Complementary Color

#23867d
```
#23867d rgb(35,134,125)
```
#235e86
```
#235e86 rgb(35,94,134)
```
#232d86
```
#232d86 rgb(35,45,134)
```

Analogous Color

#867d23
```
#867d23 rgb(134,125,35)
```
#235e86
```
#235e86 rgb(35,94,134)
```
#86232d
```
#86232d rgb(134,35,45)
```

Split Complementary Color

#5e8623
```
#5e8623 rgb(94,134,35)
```
#235e86
```
#235e86 rgb(35,94,134)
```
#86235e
```
#86235e rgb(134,35,94)
```

Triadic Color

#23864b
```
#23864b rgb(35,134,75)
```
#235e86
```
#235e86 rgb(35,94,134)
```
#86235e
```
#86235e rgb(134,35,94)
```
#864b23
```
#864b23 rgb(134,75,35)
```

Tetradic Color

#133349
```
#133349 rgb(19,51,73)
```
#18425e
```
#18425e rgb(24,66,94)
```
#1e5072
```
#1e5072 rgb(30,80,114)
```
#235e86
```
#235e86 rgb(35,94,134)
```
#286c9a
```
#286c9a rgb(40,108,154)
```
#2e7aae
```
#2e7aae rgb(46,122,174)
```
#3389c3
```
#3389c3 rgb(51,137,195)
```

Monochromatic Color

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

#237786
```
#237786 rgb(35,119,134)
```
#236f86
```
#236f86 rgb(35,111,134)
```
#236686
```
#236686 rgb(35,102,134)
```
#235e86
```
#235e86 rgb(35,94,134)
```
#235686
```
#235686 rgb(35,86,134)
```
#234e86
```
#234e86 rgb(35,78,134)
```
#234586
```
#234586 rgb(35,69,134)
```

Similar Colors

Text with hexadecimal color #235e86

This text has a font color of #235e86.

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

#235e86 background color

This paragraph has a background color of #235e86.

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

#235e86 border color

This element has a border color of #235e86.

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

CSS codes

.text {color:#235e86;}

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

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

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)
```
#071219
```
#071219 rgb(7,18,25)
```
#0b1d29
```
#0b1d29 rgb(11,29,41)
```
#0f2738
```
#0f2738 rgb(15,39,56)
```
#133248
```
#133248 rgb(19,50,72)
```
#173d57
```
#173d57 rgb(23,61,87)
```
#1b4867
```
#1b4867 rgb(27,72,103)
```
#1f5376
```
#1f5376 rgb(31,83,118)
```
#235e86
```
#235e86 rgb(35,94,134)
```
#276996
```
#276996 rgb(39,105,150)
```
#2b74a5
```
#2b74a5 rgb(43,116,165)
```
#2f7fb5
```
#2f7fb5 rgb(47,127,181)
```
#338ac4
```
#338ac4 rgb(51,138,196)
```

Shade Color Variation

#3e93cd
```
#3e93cd rgb(62,147,205)
```
#4e9cd1
```
#4e9cd1 rgb(78,156,209)
```
#5da5d5
```
#5da5d5 rgb(93,165,213)
```
#6dadd9
```
#6dadd9 rgb(109,173,217)
```
#7db6dd
```
#7db6dd rgb(125,182,221)
```
#8cbfe1
```
#8cbfe1 rgb(140,191,225)
```
#9cc7e5
```
#9cc7e5 rgb(156,199,229)
```
#abd0e9
```
#abd0e9 rgb(171,208,233)
```
#bbd9ed
```
#bbd9ed rgb(187,217,237)
```
#cae2f1
```
#cae2f1 rgb(202,226,241)
```
#daeaf5
```
#daeaf5 rgb(218,234,245)
```
#e9f3f9
```
#e9f3f9 rgb(233,243,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 #0364a7 is the most saturated one.

#515559
```
#515559 rgb(81,85,89)
```
#4a575f
```
#4a575f rgb(74,87,95)
```
#445866
```
#445866 rgb(68,88,102)
```
#3d596c
```
#3d596c rgb(61,89,108)
```
#375a73
```
#375a73 rgb(55,90,115)
```
#305c79
```
#305c79 rgb(48,92,121)
```
#2a5d80
```
#2a5d80 rgb(42,93,128)
```
#235e86
```
#235e86 rgb(35,94,134)
```
#1d5f8d
```
#1d5f8d rgb(29,95,141)
```
#166093
```
#166093 rgb(22,96,147)
```
#10629a
```
#10629a rgb(16,98,154)
```
#0963a0
```
#0963a0 rgb(9,99,160)
```
#0364a7
```
#0364a7 rgb(3,100,167)
```

Tone Color Variation

Below, you can see how #235e86 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
#48545c Atypical Achromatopsia 0.001% of the population

Dichromacy

#546088 Protanopia 1% of men
#4b618e Deuteranopia 1% of men
#0e6b73 Tritanopia 0.001% of the population

Trichromacy

#425f87 Protanomaly 1% of men, 0.01% of women
#3c608b Deuteranomaly 6% of men, 0.4% of women
#16667a Tritanomaly 0.01% of the population

#235e86 hex color

#235e86 Color Information

#235e86 Color Conversion

Color Schemes with #235e86

Alternatives to #235e86

#235e86 Preview

Shades and Tints of #235e86

Tones of #235e86

Color Blindness Simulator