#235e80 hex color

In a RGB color space, hex #235e80 is composed of 13.7% red, 36.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 26.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 201.9 degrees, a saturation of 57.1% and a lightness of 32%. #235e80 color hex could be obtained by blending #46bcff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 14
- G 37
- B 50
RGB color chart
- C 73
- M 27
- Y 0
- K 50
CMYK color chart

● #235e80 color description : Dark blue.

The hexadecimal color #235e80 has RGB values of R:35, G:94, B:128 and CMYK values of C:0.73, M:0.27, Y:0, K:0.5. Its decimal value is 2317952.

Hex triplet	235e80	`#235e80`
RGB Decimal	35, 94, 128	`rgb(35,94,128)`
RGB Percent	13.7, 36.9, 50.2	`rgb(13.7%,36.9%,50.2%)`
CMYK	73, 27, 0, 50
HSL	201.9°, 57.1, 32	`hsl(201.9,57.1%,32%)`
HSV (or HSB)	201.9°, 72.7, 50.2
Web Safe	336699	`#336699`

CIE-LAB	37.699, -7.071, -24.566
XYZ	8.591, 9.921, 21.883
xyY	0.213, 0.246, 9.921
CIE-LCH	37.699, 25.563, 253.942
CIE-LUV	37.699, -21.452, -33.347
Hunter-Lab	31.497, -6.432, -19.145
Binary	00100011, 01011110, 10000000

#235e80
```
#235e80 rgb(35,94,128)
```
#804523
```
#804523 rgb(128,69,35)
```

Complementary Color

#238074
```
#238074 rgb(35,128,116)
```
#235e80
```
#235e80 rgb(35,94,128)
```
#233080
```
#233080 rgb(35,48,128)
```

Analogous Color

#807423
```
#807423 rgb(128,116,35)
```
#235e80
```
#235e80 rgb(35,94,128)
```
#802330
```
#802330 rgb(128,35,48)
```

Split Complementary Color

#5e8023
```
#5e8023 rgb(94,128,35)
```
#235e80
```
#235e80 rgb(35,94,128)
```
#80235e
```
#80235e rgb(128,35,94)
```

Triadic Color

#238045
```
#238045 rgb(35,128,69)
```
#235e80
```
#235e80 rgb(35,94,128)
```
#80235e
```
#80235e rgb(128,35,94)
```
#804523
```
#804523 rgb(128,69,35)
```

Tetradic Color

#133244
```
#133244 rgb(19,50,68)
```
#184158
```
#184158 rgb(24,65,88)
```
#1e4f6c
```
#1e4f6c rgb(30,79,108)
```
#235e80
```
#235e80 rgb(35,94,128)
```
#286d94
```
#286d94 rgb(40,109,148)
```
#2e7ba8
```
#2e7ba8 rgb(46,123,168)
```
#338abc
```
#338abc rgb(51,138,188)
```

Monochromatic Color

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

#237580
```
#237580 rgb(35,117,128)
```
#236e80
```
#236e80 rgb(35,110,128)
```
#236680
```
#236680 rgb(35,102,128)
```
#235e80
```
#235e80 rgb(35,94,128)
```
#235680
```
#235680 rgb(35,86,128)
```
#234f80
```
#234f80 rgb(35,79,128)
```
#234780
```
#234780 rgb(35,71,128)
```

Similar Colors

Text with hexadecimal color #235e80

This text has a font color of #235e80.

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

#235e80 background color

This paragraph has a background color of #235e80.

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

#235e80 border color

This element has a border color of #235e80.

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

CSS codes

.text {color:#235e80;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#060f14
```
#060f14 rgb(6,15,20)
```
#0a1a24
```
#0a1a24 rgb(10,26,36)
```
#0e2533
```
#0e2533 rgb(14,37,51)
```
#123142
```
#123142 rgb(18,49,66)
```
#163c52
```
#163c52 rgb(22,60,82)
```
#1b4761
```
#1b4761 rgb(27,71,97)
```
#1f5371
```
#1f5371 rgb(31,83,113)
```
#235e80
```
#235e80 rgb(35,94,128)
```
#27698f
```
#27698f rgb(39,105,143)
```
#2b759f
```
#2b759f rgb(43,117,159)
```
#3080ae
```
#3080ae rgb(48,128,174)
```
#348bbe
```
#348bbe rgb(52,139,190)
```

Shade Color Variation

#3c96ca
```
#3c96ca rgb(60,150,202)
```
#4b9ece
```
#4b9ece rgb(75,158,206)
```
#5aa6d2
```
#5aa6d2 rgb(90,166,210)
```
#6aafd6
```
#6aafd6 rgb(106,175,214)
```
#79b7da
```
#79b7da rgb(121,183,218)
```
#89bfdf
```
#89bfdf rgb(137,191,223)
```
#98c7e3
```
#98c7e3 rgb(152,199,227)
```
#a7d0e7
```
#a7d0e7 rgb(167,208,231)
```
#b7d8eb
```
#b7d8eb rgb(183,216,235)
```
#c6e0ef
```
#c6e0ef rgb(198,224,239)
```
#d6e9f4
```
#d6e9f4 rgb(214,233,244)
```
#e5f1f8
```
#e5f1f8 rgb(229,241,248)
```
#f4f9fc
```
#f4f9fc rgb(244,249,252)
```

Tint Color Variation

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

#4f5254
```
#4f5254 rgb(79,82,84)
```
#49545a
```
#49545a rgb(73,84,90)
```
#425661
```
#425661 rgb(66,86,97)
```
#3c5767
```
#3c5767 rgb(60,87,103)
```
#36596d
```
#36596d rgb(54,89,109)
```
#305b73
```
#305b73 rgb(48,91,115)
```
#295c7a
```
#295c7a rgb(41,92,122)
```
#235e80
```
#235e80 rgb(35,94,128)
```
#1d6086
```
#1d6086 rgb(29,96,134)
```
#16618d
```
#16618d rgb(22,97,141)
```
#106393
```
#106393 rgb(16,99,147)
```
#0a6599
```
#0a6599 rgb(10,101,153)
```
#04669f
```
#04669f rgb(4,102,159)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#47535a Atypical Achromatopsia 0.001% of the population

Dichromacy

#566082 Protanopia 1% of men
#4f6088 Deuteranopia 1% of men
#1a6a72 Tritanopia 0.001% of the population

Trichromacy

#435f81 Protanomaly 1% of men, 0.01% of women
#3f5f85 Deuteranomaly 6% of men, 0.4% of women
#1d6577 Tritanomaly 0.01% of the population

#235e80 hex color

#235e80 Color Information

#235e80 Color Conversion

Color Schemes with #235e80

Alternatives to #235e80

#235e80 Preview

Shades and Tints of #235e80

Tones of #235e80

Color Blindness Simulator