#235f7e hex color

In a RGB color space, hex #235f7e is composed of 13.7% red, 37.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 24.6% magenta, 0% yellow and 50.6% black. It has a hue angle of 200.4 degrees, a saturation of 56.5% and a lightness of 31.6%. #235f7e color hex could be obtained by blending #46befc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 14
- G 37
- B 49
RGB color chart
- C 72
- M 25
- Y 0
- K 51
CMYK color chart

● #235f7e color description : Dark blue.

The hexadecimal color #235f7e has RGB values of R:35, G:95, B:126 and CMYK values of C:0.72, M:0.25, Y:0, K:0.51. Its decimal value is 2318206.

Hex triplet	235f7e	`#235f7e`
RGB Decimal	35, 95, 126	`rgb(35,95,126)`
RGB Percent	13.7, 37.3, 49.4	`rgb(13.7%,37.3%,49.4%)`
CMYK	72, 25, 0, 51
HSL	200.4°, 56.5, 31.6	`hsl(200.4,56.5%,31.6%)`
HSV (or HSB)	200.4°, 72.2, 49.4
Web Safe	336666	`#336666`

CIE-LAB	37.927, -8.41, -22.989
XYZ	8.55, 10.047, 21.226
xyY	0.215, 0.252, 10.047
CIE-LCH	37.927, 24.479, 249.906
CIE-LUV	37.927, -21.907, -30.928
Hunter-Lab	31.698, -7.321, -17.515
Binary	00100011, 01011111, 01111110

#235f7e
```
#235f7e rgb(35,95,126)
```
#7e4223
```
#7e4223 rgb(126,66,35)
```

Complementary Color

#237e70
```
#237e70 rgb(35,126,112)
```
#235f7e
```
#235f7e rgb(35,95,126)
```
#23327e
```
#23327e rgb(35,50,126)
```

Analogous Color

#7e7023
```
#7e7023 rgb(126,112,35)
```
#235f7e
```
#235f7e rgb(35,95,126)
```
#7e2332
```
#7e2332 rgb(126,35,50)
```

Split Complementary Color

#5f7e23
```
#5f7e23 rgb(95,126,35)
```
#235f7e
```
#235f7e rgb(35,95,126)
```
#7e235f
```
#7e235f rgb(126,35,95)
```

Triadic Color

#237e42
```
#237e42 rgb(35,126,66)
```
#235f7e
```
#235f7e rgb(35,95,126)
```
#7e235f
```
#7e235f rgb(126,35,95)
```
#7e4223
```
#7e4223 rgb(126,66,35)
```

Tetradic Color

#123242
```
#123242 rgb(18,50,66)
```
#184156
```
#184156 rgb(24,65,86)
```
#1d506a
```
#1d506a rgb(29,80,106)
```
#235f7e
```
#235f7e rgb(35,95,126)
```
#296e92
```
#296e92 rgb(41,110,146)
```
#2e7da6
```
#2e7da6 rgb(46,125,166)
```
#348cba
```
#348cba rgb(52,140,186)
```

Monochromatic Color

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

#23767e
```
#23767e rgb(35,118,126)
```
#236e7e
```
#236e7e rgb(35,110,126)
```
#23677e
```
#23677e rgb(35,103,126)
```
#235f7e
```
#235f7e rgb(35,95,126)
```
#23577e
```
#23577e rgb(35,87,126)
```
#23507e
```
#23507e rgb(35,80,126)
```
#23487e
```
#23487e rgb(35,72,126)
```

Similar Colors

Text with hexadecimal color #235f7e

This text has a font color of #235f7e.

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

#235f7e background color

This paragraph has a background color of #235f7e.

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

#235f7e border color

This element has a border color of #235f7e.

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

CSS codes

.text {color:#235f7e;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050e13
```
#050e13 rgb(5,14,19)
```
#091a22
```
#091a22 rgb(9,26,34)
```
#0e2531
```
#0e2531 rgb(14,37,49)
```
#123141
```
#123141 rgb(18,49,65)
```
#163c50
```
#163c50 rgb(22,60,80)
```
#1a485f
```
#1a485f rgb(26,72,95)
```
#1f536f
```
#1f536f rgb(31,83,111)
```
#235f7e
```
#235f7e rgb(35,95,126)
```
#276b8d
```
#276b8d rgb(39,107,141)
```
#2c769d
```
#2c769d rgb(44,118,157)
```
#3082ac
```
#3082ac rgb(48,130,172)
```
#348dbb
```
#348dbb rgb(52,141,187)
```

Shade Color Variation

#3b98c8
```
#3b98c8 rgb(59,152,200)
```
#4aa0cd
```
#4aa0cd rgb(74,160,205)
```
#59a8d1
```
#59a8d1 rgb(89,168,209)
```
#69b0d5
```
#69b0d5 rgb(105,176,213)
```
#78b8da
```
#78b8da rgb(120,184,218)
```
#87c0de
```
#87c0de rgb(135,192,222)
```
#97c8e2
```
#97c8e2 rgb(151,200,226)
```
#a6d0e6
```
#a6d0e6 rgb(166,208,230)
```
#b5d8eb
```
#b5d8eb rgb(181,216,235)
```
#c5e1ef
```
#c5e1ef rgb(197,225,239)
```
#d4e9f3
```
#d4e9f3 rgb(212,233,243)
```
#e3f1f7
```
#e3f1f7 rgb(227,241,247)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

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

#4e5153
```
#4e5153 rgb(78,81,83)
```
#485359
```
#485359 rgb(72,83,89)
```
#42555f
```
#42555f rgb(66,85,95)
```
#3c5765
```
#3c5765 rgb(60,87,101)
```
#36596b
```
#36596b rgb(54,89,107)
```
#2f5b72
```
#2f5b72 rgb(47,91,114)
```
#295d78
```
#295d78 rgb(41,93,120)
```
#235f7e
```
#235f7e rgb(35,95,126)
```
#1d6184
```
#1d6184 rgb(29,97,132)
```
#17638a
```
#17638a rgb(23,99,138)
```
#106591
```
#106591 rgb(16,101,145)
```
#0a6797
```
#0a6797 rgb(10,103,151)
```
#04699d
```
#04699d rgb(4,105,157)
```

Tone Color Variation

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

Dichromacy

#586080 Protanopia 1% of men
#526187 Deuteranopia 1% of men
#1e6a72 Tritanopia 0.001% of the population

Trichromacy

#44607f Protanomaly 1% of men, 0.01% of women
#416083 Deuteranomaly 6% of men, 0.4% of women
#1f6676 Tritanomaly 0.01% of the population

#235f7e hex color

#235f7e Color Information

#235f7e Color Conversion

Color Schemes with #235f7e

Alternatives to #235f7e

#235f7e Preview

Shades and Tints of #235f7e

Tones of #235f7e

Color Blindness Simulator