#236ca1 hex color

In a RGB color space, hex #236ca1 is composed of 13.7% red, 42.4% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 32.9% magenta, 0% yellow and 36.9% black. It has a hue angle of 205.2 degrees, a saturation of 64.3% and a lightness of 38.4%. #236ca1 color hex could be obtained by blending #46d8ff with #000043. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 14
- G 42
- B 63
RGB color chart
- C 78
- M 33
- Y 0
- K 37
CMYK color chart

● #236ca1 color description : Dark blue.

The hexadecimal color #236ca1 has RGB values of R:35, G:108, B:161 and CMYK values of C:0.78, M:0.33, Y:0, K:0.37. Its decimal value is 2321569.

Hex triplet	236ca1	`#236ca1`
RGB Decimal	35, 108, 161	`rgb(35,108,161)`
RGB Percent	13.7, 42.4, 63.1	`rgb(13.7%,42.4%,63.1%)`
CMYK	78, 33, 0, 37
HSL	205.2°, 64.3, 38.4	`hsl(205.2,64.3%,38.4%)`
HSV (or HSB)	205.2°, 78.3, 63.1
Web Safe	336699	`#336699`

CIE-LAB	43.733, -3.29, -34.914
XYZ	12.487, 13.655, 35.694
xyY	0.202, 0.221, 13.655
CIE-LCH	43.733, 35.069, 264.617
CIE-LUV	43.733, -24.937, -50.881
Hunter-Lab	36.952, -4.346, -31.404
Binary	00100011, 01101100, 10100001

#236ca1
```
#236ca1 rgb(35,108,161)
```
#a15823
```
#a15823 rgb(161,88,35)
```

Complementary Color

#23a197
```
#23a197 rgb(35,161,151)
```
#236ca1
```
#236ca1 rgb(35,108,161)
```
#232da1
```
#232da1 rgb(35,45,161)
```

Analogous Color

#a19723
```
#a19723 rgb(161,151,35)
```
#236ca1
```
#236ca1 rgb(35,108,161)
```
#a1232d
```
#a1232d rgb(161,35,45)
```

Split Complementary Color

#6ca123
```
#6ca123 rgb(108,161,35)
```
#236ca1
```
#236ca1 rgb(35,108,161)
```
#a1236c
```
#a1236c rgb(161,35,108)
```

Triadic Color

#23a158
```
#23a158 rgb(35,161,88)
```
#236ca1
```
#236ca1 rgb(35,108,161)
```
#a1236c
```
#a1236c rgb(161,35,108)
```
#a15823
```
#a15823 rgb(161,88,35)
```

Tetradic Color

#154262
```
#154262 rgb(21,66,98)
```
#1a5077
```
#1a5077 rgb(26,80,119)
```
#1e5e8c
```
#1e5e8c rgb(30,94,140)
```
#236ca1
```
#236ca1 rgb(35,108,161)
```
#287ab6
```
#287ab6 rgb(40,122,182)
```
#2c88cb
```
#2c88cb rgb(44,136,203)
```
#3c94d5
```
#3c94d5 rgb(60,148,213)
```

Monochromatic Color

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

#238ca1
```
#238ca1 rgb(35,140,161)
```
#2381a1
```
#2381a1 rgb(35,129,161)
```
#2377a1
```
#2377a1 rgb(35,119,161)
```
#236ca1
```
#236ca1 rgb(35,108,161)
```
#2362a1
```
#2362a1 rgb(35,98,161)
```
#2357a1
```
#2357a1 rgb(35,87,161)
```
#234da1
```
#234da1 rgb(35,77,161)
```

Similar Colors

Text with hexadecimal color #236ca1

This text has a font color of #236ca1.

<span style="color:#236ca1;">Text here</span>

#236ca1 background color

This paragraph has a background color of #236ca1.

<p style="background-color:#236ca1;">Content here</p>

#236ca1 border color

This element has a border color of #236ca1.

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

CSS codes

.text {color:#236ca1;}

.background {background-color:#236ca1;}

.border {border:1px solid #236ca1;}

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, #030b10 is the darkest color, while #ffffff is the lightest one.

#030b10
```
#030b10 rgb(3,11,16)
```
#071620
```
#071620 rgb(7,22,32)
```
#0a2030
```
#0a2030 rgb(10,32,48)
```
#0e2b40
```
#0e2b40 rgb(14,43,64)
```
#113650
```
#113650 rgb(17,54,80)
```
#154161
```
#154161 rgb(21,65,97)
```
#184c71
```
#184c71 rgb(24,76,113)
```
#1c5681
```
#1c5681 rgb(28,86,129)
```
#1f6191
```
#1f6191 rgb(31,97,145)
```
#236ca1
```
#236ca1 rgb(35,108,161)
```
#2777b1
```
#2777b1 rgb(39,119,177)
```
#2a82c1
```
#2a82c1 rgb(42,130,193)
```
#2e8cd1
```
#2e8cd1 rgb(46,140,209)
```

Shade Color Variation

#3e95d5
```
#3e95d5 rgb(62,149,213)
```
#4e9ed8
```
#4e9ed8 rgb(78,158,216)
```
#5ea7dc
```
#5ea7dc rgb(94,167,220)
```
#6eb0df
```
#6eb0df rgb(110,176,223)
```
#7eb8e3
```
#7eb8e3 rgb(126,184,227)
```
#8ec1e6
```
#8ec1e6 rgb(142,193,230)
```
#9ecaea
```
#9ecaea rgb(158,202,234)
```
#aed3ed
```
#aed3ed rgb(174,211,237)
```
#bedcf1
```
#bedcf1 rgb(190,220,241)
```
#cfe5f4
```
#cfe5f4 rgb(207,229,244)
```
#dfedf8
```
#dfedf8 rgb(223,237,248)
```
#eff6fb
```
#eff6fb rgb(239,246,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6265 is the less saturated color, while #0571bf is the most saturated one.

#5f6265
```
#5f6265 rgb(95,98,101)
```
#58646c
```
#58646c rgb(88,100,108)
```
#506574
```
#506574 rgb(80,101,116)
```
#49667b
```
#49667b rgb(73,102,123)
```
#416783
```
#416783 rgb(65,103,131)
```
#3a688a
```
#3a688a rgb(58,104,138)
```
#326a92
```
#326a92 rgb(50,106,146)
```
#2b6b99
```
#2b6b99 rgb(43,107,153)
```
#236ca1
```
#236ca1 rgb(35,108,161)
```
#1b6da9
```
#1b6da9 rgb(27,109,169)
```
#146eb0
```
#146eb0 rgb(20,110,176)
```
#0c70b8
```
#0c70b8 rgb(12,112,184)
```
#0571bf
```
#0571bf rgb(5,113,191)
```

Tone Color Variation

Below, you can see how #236ca1 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

#5c5c5c Achromatopsia 0.005% of the population
#515f6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6da1 Protanopia 1% of men
#4d6fa7 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#476ca1 Protanomaly 1% of men, 0.01% of women
#3e6ea5 Deuteranomaly 6% of men, 0.4% of women
#0c748d Tritanomaly 0.01% of the population

#236ca1 hex color

#236ca1 Color Information

#236ca1 Color Conversion

Color Schemes with #236ca1

Alternatives to #236ca1

#236ca1 Preview

Shades and Tints of #236ca1

Tones of #236ca1

Color Blindness Simulator