colorhexa.com

#235f7a hex color

In a RGB color space, hex #235f7a is composed of 13.7% red, 37.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 22.1% magenta, 0% yellow and 52.2% black. It has a hue angle of 198.6 degrees, a saturation of 55.4% and a lightness of 30.8%. #235f7a color hex could be obtained by blending #46bef4 with #000000. Closest websafe color is: #336666.

- R 14
- G 37
- B 48
RGB color chart
- C 71
- M 22
- Y 0
- K 52
CMYK color chart

● #235f7a color description : Dark blue.

The hexadecimal color #235f7a has RGB values of R:35, G:95, B:122 and CMYK values of C:0.71, M:0.22, Y:0, K:0.52. Its decimal value is 2318202.

Hex triplet	235f7a	`#235f7a`
RGB Decimal	35, 95, 122	`rgb(35,95,122)`
RGB Percent	13.7, 37.3, 47.8	`rgb(13.7%,37.3%,47.8%)`
CMYK	71, 22, 0, 52
HSL	198.6°, 55.4, 30.8	`hsl(198.6,55.4%,30.8%)`
HSV (or HSB)	198.6°, 71.3, 47.8
Web Safe	336666	`#336666`

CIE-LAB	37.746, -9.859, -20.823
XYZ	8.297, 9.946, 19.894
xyY	0.218, 0.261, 9.946
CIE-LCH	37.746, 23.039, 244.665
CIE-LUV	37.746, -22.089, -27.551
Hunter-Lab	31.538, -8.229, -15.324
Binary	00100011, 01011111, 01111010

#235f7a
```
#235f7a rgb(35,95,122)
```
#7a3e23
```
#7a3e23 rgb(122,62,35)
```

Complementary Color

#237a6a
```
#237a6a rgb(35,122,106)
```
#235f7a
```
#235f7a rgb(35,95,122)
```
#23347a
```
#23347a rgb(35,52,122)
```

Analogous Color

#7a6a23
```
#7a6a23 rgb(122,106,35)
```
#235f7a
```
#235f7a rgb(35,95,122)
```
#7a2334
```
#7a2334 rgb(122,35,52)
```

Split Complementary Color

#5f7a23
```
#5f7a23 rgb(95,122,35)
```
#235f7a
```
#235f7a rgb(35,95,122)
```
#7a235f
```
#7a235f rgb(122,35,95)
```

Triadic Color

#12313f
```
#12313f rgb(18,49,63)
```
#184052
```
#184052 rgb(24,64,82)
```
#1d5066
```
#1d5066 rgb(29,80,102)
```
#235f7a
```
#235f7a rgb(35,95,122)
```
#296e8e
```
#296e8e rgb(41,110,142)
```
#2e7ea2
```
#2e7ea2 rgb(46,126,162)
```
#348db5
```
#348db5 rgb(52,141,181)
```

Monochromatic Color

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

#23757a
```
#23757a rgb(35,117,122)
```
#236e7a
```
#236e7a rgb(35,110,122)
```
#23667a
```
#23667a rgb(35,102,122)
```
#235f7a
```
#235f7a rgb(35,95,122)
```
#23587a
```
#23587a rgb(35,88,122)
```
#23517a
```
#23517a rgb(35,81,122)
```
#23497a
```
#23497a rgb(35,73,122)
```

Similar Colors

Text with hexadecimal color #235f7a

This text has a font color of #235f7a.

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

#235f7a background color

This paragraph has a background color of #235f7a.

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

#235f7a border color

This element has a border color of #235f7a.

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

CSS codes

.text {color:#235f7a;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040c0f
```
#040c0f rgb(4,12,15)
```
#09181f
```
#09181f rgb(9,24,31)
```
#0d242e
```
#0d242e rgb(13,36,46)
```
#12303d
```
#12303d rgb(18,48,61)
```
#163b4c
```
#163b4c rgb(22,59,76)
```
#1a475c
```
#1a475c rgb(26,71,92)
```
#1f536b
```
#1f536b rgb(31,83,107)
```
#235f7a
```
#235f7a rgb(35,95,122)
```
#276b89
```
#276b89 rgb(39,107,137)
```
#2c7798
```
#2c7798 rgb(44,119,152)
```
#3083a8
```
#3083a8 rgb(48,131,168)
```
#348eb7
```
#348eb7 rgb(52,142,183)
```

Shade Color Variation

#399ac6
```
#399ac6 rgb(57,154,198)
```
#48a2cb
```
#48a2cb rgb(72,162,203)
```
#57aacf
```
#57aacf rgb(87,170,207)
```
#67b2d3
```
#67b2d3 rgb(103,178,211)
```
#76b9d8
```
#76b9d8 rgb(118,185,216)
```
#85c1dc
```
#85c1dc rgb(133,193,220)
```
#94c9e0
```
#94c9e0 rgb(148,201,224)
```
#a4d1e5
```
#a4d1e5 rgb(164,209,229)
```
#b3d8e9
```
#b3d8e9 rgb(179,216,233)
```
#c2e0ee
```
#c2e0ee rgb(194,224,238)
```
#d1e8f2
```
#d1e8f2 rgb(209,232,242)
```
#e1f0f6
```
#e1f0f6 rgb(225,240,246)
```
#f0f7fb
```
#f0f7fb rgb(240,247,251)
```

Tint Color Variation

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

#4d4f50
```
#4d4f50 rgb(77,79,80)
```
#475156
```
#475156 rgb(71,81,86)
```
#41545c
```
#41545c rgb(65,84,92)
```
#3b5662
```
#3b5662 rgb(59,86,98)
```
#355868
```
#355868 rgb(53,88,104)
```
#2f5a6e
```
#2f5a6e rgb(47,90,110)
```
#295d74
```
#295d74 rgb(41,93,116)
```
#235f7a
```
#235f7a rgb(35,95,122)
```
#1d6180
```
#1d6180 rgb(29,97,128)
```
#176486
```
#176486 rgb(23,100,134)
```
#11668c
```
#11668c rgb(17,102,140)
```
#0b6892
```
#0b6892 rgb(11,104,146)
```
#056a98
```
#056a98 rgb(5,106,152)
```

Tone Color Variation

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

Dichromacy

#59607c Protanopia 1% of men
#556083 Deuteranopia 1% of men
#226a71 Tritanopia 0.001% of the population

Trichromacy

#455f7b Protanomaly 1% of men, 0.01% of women
#425f80 Deuteranomaly 6% of men, 0.4% of women
#226674 Tritanomaly 0.01% of the population