colorhexa.com

#238ed4 hex color

In a RGB color space, hex #238ed4 is composed of 13.7% red, 55.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 33% magenta, 0% yellow and 16.9% black. It has a hue angle of 203.7 degrees, a saturation of 71.7% and a lightness of 48.4%. #238ed4 color hex could be obtained by blending #46ffff with #001da9. Closest websafe color is: #3399cc.

- R 14
- G 56
- B 83
RGB color chart
- C 83
- M 33
- Y 0
- K 17
CMYK color chart

● #238ed4 color description : Strong blue.

The hexadecimal color #238ed4 has RGB values of R:35, G:142, B:212 and CMYK values of C:0.83, M:0.33, Y:0, K:0.17. Its decimal value is 2330324.

Hex triplet	238ed4	`#238ed4`
RGB Decimal	35, 142, 212	`rgb(35,142,212)`
RGB Percent	13.7, 55.7, 83.1	`rgb(13.7%,55.7%,83.1%)`
CMYK	83, 33, 0, 17
HSL	203.7°, 71.7, 48.4	`hsl(203.7,71.7%,48.4%)`
HSV (or HSB)	203.7°, 83.5, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.54, -4.534, -44.048
XYZ	22.247, 24.455, 65.831
xyY	0.198, 0.217, 24.455
CIE-LCH	56.54, 44.281, 264.122
CIE-LUV	56.54, -33.906, -68.439
Hunter-Lab	49.452, -6.239, -44.312
Binary	00100011, 10001110, 11010100

#238ed4
```
#238ed4 rgb(35,142,212)
```
#d46923
```
#d46923 rgb(212,105,35)
```

Complementary Color

#23d4c2
```
#23d4c2 rgb(35,212,194)
```
#238ed4
```
#238ed4 rgb(35,142,212)
```
#2336d4
```
#2336d4 rgb(35,54,212)
```

Analogous Color

#d4c223
```
#d4c223 rgb(212,194,35)
```
#238ed4
```
#238ed4 rgb(35,142,212)
```
#d42336
```
#d42336 rgb(212,35,54)
```

Split Complementary Color

#8ed423
```
#8ed423 rgb(142,212,35)
```
#238ed4
```
#238ed4 rgb(35,142,212)
```
#d4238e
```
#d4238e rgb(212,35,142)
```

Triadic Color

#23d469
```
#23d469 rgb(35,212,105)
```
#238ed4
```
#238ed4 rgb(35,142,212)
```
#d4238e
```
#d4238e rgb(212,35,142)
```
#d46923
```
#d46923 rgb(212,105,35)
```

Tetradic Color

#186292
```
#186292 rgb(24,98,146)
```
#1c71a8
```
#1c71a8 rgb(28,113,168)
```
#1f7fbe
```
#1f7fbe rgb(31,127,190)
```
#238ed4
```
#238ed4 rgb(35,142,212)
```
#339add
```
#339add rgb(51,154,221)
```
#49a5e1
```
#49a5e1 rgb(73,165,225)
```
#5fb0e5
```
#5fb0e5 rgb(95,176,229)
```

Monochromatic Color

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

#23bad4
```
#23bad4 rgb(35,186,212)
```
#23acd4
```
#23acd4 rgb(35,172,212)
```
#239dd4
```
#239dd4 rgb(35,157,212)
```
#238ed4
```
#238ed4 rgb(35,142,212)
```
#237fd4
```
#237fd4 rgb(35,127,212)
```
#2371d4
```
#2371d4 rgb(35,113,212)
```
#2362d4
```
#2362d4 rgb(35,98,212)
```

Similar Colors

Text with hexadecimal color #238ed4

This text has a font color of #238ed4.

<span style="color:#238ed4;">Text here</span>

#238ed4 background color

This paragraph has a background color of #238ed4.

<p style="background-color:#238ed4;">Content here</p>

#238ed4 border color

This element has a border color of #238ed4.

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

CSS codes

.text {color:#238ed4;}

.background {background-color:#238ed4;}

.border {border:1px solid #238ed4;}

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, #02070a is the darkest color, while #f8fcfe is the lightest one.

#02070a
```
#02070a rgb(2,7,10)
```
#04121b
```
#04121b rgb(4,18,27)
```
#071d2c
```
#071d2c rgb(7,29,44)
```
#0a293c
```
#0a293c rgb(10,41,60)
```
#0d344d
```
#0d344d rgb(13,52,77)
```
#103f5e
```
#103f5e rgb(16,63,94)
```
#124a6f
```
#124a6f rgb(18,74,111)
```
#155680
```
#155680 rgb(21,86,128)
```
#186191
```
#186191 rgb(24,97,145)
```
#1b6ca1
```
#1b6ca1 rgb(27,108,161)
```
#1d77b2
```
#1d77b2 rgb(29,119,178)
```
#2083c3
```
#2083c3 rgb(32,131,195)
```
#238ed4
```
#238ed4 rgb(35,142,212)
```

Shade Color Variation

#2e98dd
```
#2e98dd rgb(46,152,221)
```
#3fa0df
```
#3fa0df rgb(63,160,223)
```
#50a8e2
```
#50a8e2 rgb(80,168,226)
```
#61b1e5
```
#61b1e5 rgb(97,177,229)
```
#71b9e8
```
#71b9e8 rgb(113,185,232)
```
#82c1ea
```
#82c1ea rgb(130,193,234)
```
#93caed
```
#93caed rgb(147,202,237)
```
#a4d2f0
```
#a4d2f0 rgb(164,210,240)
```
#b5daf3
```
#b5daf3 rgb(181,218,243)
```
#c6e3f6
```
#c6e3f6 rgb(198,227,246)
```
#d6ebf8
```
#d6ebf8 rgb(214,235,248)
```
#e7f3fb
```
#e7f3fb rgb(231,243,251)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c7f is the less saturated color, while #0794f1 is the most saturated one.

#797c7f
```
#797c7f rgb(121,124,127)
```
#6f7e88
```
#6f7e88 rgb(111,126,136)
```
#668092
```
#668092 rgb(102,128,146)
```
#5c829b
```
#5c829b rgb(92,130,155)
```
#5384a5
```
#5384a5 rgb(83,132,165)
```
#4986ae
```
#4986ae rgb(73,134,174)
```
#4088b8
```
#4088b8 rgb(64,136,184)
```
#368ac1
```
#368ac1 rgb(54,138,193)
```
#2d8ccb
```
#2d8ccb rgb(45,140,203)
```
#238ed4
```
#238ed4 rgb(35,142,212)
```
#1a90de
```
#1a90de rgb(26,144,222)
```
#1092e7
```
#1092e7 rgb(16,146,231)
```
#0794f1
```
#0794f1 rgb(7,148,241)
```

Tone Color Variation

Below, you can see how #238ed4 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

#767676 Achromatopsia 0.005% of the population
#657b89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#738bcf Protanopia 1% of men
#5e8ed8 Deuteranopia 1% of men
#009ba6 Tritanopia 0.001% of the population

Trichromacy

#568cd1 Protanomaly 1% of men, 0.01% of women
#498ed6 Deuteranomaly 6% of men, 0.4% of women
#0c96b6 Tritanomaly 0.01% of the population