#235fa5 hex color

In a RGB color space, hex #235fa5 is composed of 13.7% red, 37.3% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 42.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 212.3 degrees, a saturation of 65% and a lightness of 39.2%. #235fa5 color hex could be obtained by blending #46beff with #00004b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 14
- G 37
- B 65
RGB color chart
- C 79
- M 42
- Y 0
- K 35
CMYK color chart

● #235fa5 color description : Dark blue.

The hexadecimal color #235fa5 has RGB values of R:35, G:95, B:165 and CMYK values of C:0.79, M:0.42, Y:0, K:0.35. Its decimal value is 2318245.

Hex triplet	235fa5	`#235fa5`
RGB Decimal	35, 95, 165	`rgb(35,95,165)`
RGB Percent	13.7, 37.3, 64.7	`rgb(13.7%,37.3%,64.7%)`
CMYK	79, 42, 0, 35
HSL	212.3°, 65, 39.2	`hsl(212.3,65%,39.2%)`
HSV (or HSB)	212.3°, 78.8, 64.7
Web Safe	336699	`#336699`

CIE-LAB	40.011, 6.413, -43.194
XYZ	11.575, 11.257, 37.158
xyY	0.193, 0.188, 11.257
CIE-LCH	40.011, 43.667, 278.445
CIE-LUV	40.011, -20.403, -63.069
Hunter-Lab	33.552, 2.866, -42.176
Binary	00100011, 01011111, 10100101

#235fa5
```
#235fa5 rgb(35,95,165)
```
#a56923
```
#a56923 rgb(165,105,35)
```

Complementary Color

#23a0a5
```
#23a0a5 rgb(35,160,165)
```
#235fa5
```
#235fa5 rgb(35,95,165)
```
#2823a5
```
#2823a5 rgb(40,35,165)
```

Analogous Color

#a0a523
```
#a0a523 rgb(160,165,35)
```
#235fa5
```
#235fa5 rgb(35,95,165)
```
#a52823
```
#a52823 rgb(165,40,35)
```

Split Complementary Color

#5fa523
```
#5fa523 rgb(95,165,35)
```
#235fa5
```
#235fa5 rgb(35,95,165)
```
#a5235f
```
#a5235f rgb(165,35,95)
```

Triadic Color

#23a569
```
#23a569 rgb(35,165,105)
```
#235fa5
```
#235fa5 rgb(35,95,165)
```
#a5235f
```
#a5235f rgb(165,35,95)
```
#a56923
```
#a56923 rgb(165,105,35)
```

Tetradic Color

#163b66
```
#163b66 rgb(22,59,102)
```
#1a477b
```
#1a477b rgb(26,71,123)
```
#1f5390
```
#1f5390 rgb(31,83,144)
```
#235fa5
```
#235fa5 rgb(35,95,165)
```
#276bba
```
#276bba rgb(39,107,186)
```
#2c77cf
```
#2c77cf rgb(44,119,207)
```
#3e84d6
```
#3e84d6 rgb(62,132,214)
```

Monochromatic Color

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

#2380a5
```
#2380a5 rgb(35,128,165)
```
#2375a5
```
#2375a5 rgb(35,117,165)
```
#236aa5
```
#236aa5 rgb(35,106,165)
```
#235fa5
```
#235fa5 rgb(35,95,165)
```
#2354a5
```
#2354a5 rgb(35,84,165)
```
#2349a5
```
#2349a5 rgb(35,73,165)
```
#233ea5
```
#233ea5 rgb(35,62,165)
```

Similar Colors

Text with hexadecimal color #235fa5

This text has a font color of #235fa5.

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

#235fa5 background color

This paragraph has a background color of #235fa5.

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

#235fa5 border color

This element has a border color of #235fa5.

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

CSS codes

.text {color:#235fa5;}

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

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

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 #f2f7fc is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#040b13
```
#040b13 rgb(4,11,19)
```
#081424
```
#081424 rgb(8,20,36)
```
#0b1e34
```
#0b1e34 rgb(11,30,52)
```
#0e2744
```
#0e2744 rgb(14,39,68)
```
#123054
```
#123054 rgb(18,48,84)
```
#153a64
```
#153a64 rgb(21,58,100)
```
#194374
```
#194374 rgb(25,67,116)
```
#1c4c85
```
#1c4c85 rgb(28,76,133)
```
#205695
```
#205695 rgb(32,86,149)
```
#235fa5
```
#235fa5 rgb(35,95,165)
```
#2668b5
```
#2668b5 rgb(38,104,181)
```
#2a72c5
```
#2a72c5 rgb(42,114,197)
```

Shade Color Variation

#307bd3
```
#307bd3 rgb(48,123,211)
```
#4085d6
```
#4085d6 rgb(64,133,214)
```
#5090da
```
#5090da rgb(80,144,218)
```
#609add
```
#609add rgb(96,154,221)
```
#71a4e1
```
#71a4e1 rgb(113,164,225)
```
#81afe4
```
#81afe4 rgb(129,175,228)
```
#91b9e8
```
#91b9e8 rgb(145,185,232)
```
#a1c3eb
```
#a1c3eb rgb(161,195,235)
```
#b1ceef
```
#b1ceef rgb(177,206,239)
```
#c1d8f2
```
#c1d8f2 rgb(193,216,242)
```
#d2e2f5
```
#d2e2f5 rgb(210,226,245)
```
#e2ecf9
```
#e2ecf9 rgb(226,236,249)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

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

#616467
```
#616467 rgb(97,100,103)
```
#59636f
```
#59636f rgb(89,99,111)
```
#516377
```
#516377 rgb(81,99,119)
```
#49627f
```
#49627f rgb(73,98,127)
```
#426186
```
#426186 rgb(66,97,134)
```
#3a618e
```
#3a618e rgb(58,97,142)
```
#326096
```
#326096 rgb(50,96,150)
```
#2b609d
```
#2b609d rgb(43,96,157)
```
#235fa5
```
#235fa5 rgb(35,95,165)
```
#1b5ead
```
#1b5ead rgb(27,94,173)
```
#145eb4
```
#145eb4 rgb(20,94,180)
```
#0c5dbc
```
#0c5dbc rgb(12,93,188)
```
#045dc4
```
#045dc4 rgb(4,93,196)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4b5765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4664a7 Protanopia 1% of men
#2867a9 Deuteranopia 1% of men
#007078 Tritanopia 0.001% of the population

Trichromacy

#3962a6 Protanomaly 1% of men, 0.01% of women
#2664a7 Deuteranomaly 6% of men, 0.4% of women
#0c6a88 Tritanomaly 0.01% of the population

#235fa5 hex color

#235fa5 Color Information

#235fa5 Color Conversion

Color Schemes with #235fa5

Alternatives to #235fa5

#235fa5 Preview

Shades and Tints of #235fa5

Tones of #235fa5

Color Blindness Simulator