#248cdf hex color

In a RGB color space, hex #248cdf is composed of 14.1% red, 54.9% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 37.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 206.6 degrees, a saturation of 74.5% and a lightness of 50.8%. #248cdf color hex could be obtained by blending #48ffff with #0019bf. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 14
- G 55
- B 87
RGB color chart
- C 84
- M 37
- Y 0
- K 13
CMYK color chart

● #248cdf color description : Bright blue.

The hexadecimal color #248cdf has RGB values of R:36, G:140, B:223 and CMYK values of C:0.84, M:0.37, Y:0, K:0.13. Its decimal value is 2395359.

Hex triplet	248cdf	`#248cdf`
RGB Decimal	36, 140, 223	`rgb(36,140,223)`
RGB Percent	14.1, 54.9, 87.5	`rgb(14.1%,54.9%,87.5%)`
CMYK	84, 37, 0, 13
HSL	206.6°, 74.5, 50.8	`hsl(206.6,74.5%,50.8%)`
HSV (or HSB)	206.6°, 83.9, 87.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.542, 0.788, -50.207
XYZ	23.422, 24.457, 73.294
xyY	0.193, 0.202, 24.457
CIE-LCH	56.542, 50.213, 270.899
CIE-LUV	56.542, -32.558, -79.084
Hunter-Lab	49.454, -2.005, -53.254
Binary	00100100, 10001100, 11011111

#248cdf
```
#248cdf rgb(36,140,223)
```
#df7724
```
#df7724 rgb(223,119,36)
```

Complementary Color

#24dfd5
```
#24dfd5 rgb(36,223,213)
```
#248cdf
```
#248cdf rgb(36,140,223)
```
#242fdf
```
#242fdf rgb(36,47,223)
```

Analogous Color

#dfd524
```
#dfd524 rgb(223,213,36)
```
#248cdf
```
#248cdf rgb(36,140,223)
```
#df242f
```
#df242f rgb(223,36,47)
```

Split Complementary Color

#8cdf24
```
#8cdf24 rgb(140,223,36)
```
#248cdf
```
#248cdf rgb(36,140,223)
```
#df248c
```
#df248c rgb(223,36,140)
```

Triadic Color

#24df77
```
#24df77 rgb(36,223,119)
```
#248cdf
```
#248cdf rgb(36,140,223)
```
#df248c
```
#df248c rgb(223,36,140)
```
#df7724
```
#df7724 rgb(223,119,36)
```

Tetradic Color

#17639f
```
#17639f rgb(23,99,159)
```
#1b71b5
```
#1b71b5 rgb(27,113,181)
```
#1e7fcc
```
#1e7fcc rgb(30,127,204)
```
#248cdf
```
#248cdf rgb(36,140,223)
```
#3a98e2
```
#3a98e2 rgb(58,152,226)
```
#50a3e6
```
#50a3e6 rgb(80,163,230)
```
#67afe9
```
#67afe9 rgb(103,175,233)
```

Monochromatic Color

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

#24bbdf
```
#24bbdf rgb(36,187,223)
```
#24abdf
```
#24abdf rgb(36,171,223)
```
#249cdf
```
#249cdf rgb(36,156,223)
```
#248cdf
```
#248cdf rgb(36,140,223)
```
#247cdf
```
#247cdf rgb(36,124,223)
```
#246ddf
```
#246ddf rgb(36,109,223)
```
#245ddf
```
#245ddf rgb(36,93,223)
```

Similar Colors

Text with hexadecimal color #248cdf

This text has a font color of #248cdf.

<span style="color:#248cdf;">Text here</span>

#248cdf background color

This paragraph has a background color of #248cdf.

<p style="background-color:#248cdf;">Content here</p>

#248cdf border color

This element has a border color of #248cdf.

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

CSS codes

.text {color:#248cdf;}

.background {background-color:#248cdf;}

.border {border:1px solid #248cdf;}

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

#010203
```
#010203 rgb(1,2,3)
```
#030d15
```
#030d15 rgb(3,13,21)
```
#061726
```
#061726 rgb(6,23,38)
```
#082237
```
#082237 rgb(8,34,55)
```
#0b2d48
```
#0b2d48 rgb(11,45,72)
```
#0d3759
```
#0d3759 rgb(13,55,89)
```
#10426a
```
#10426a rgb(16,66,106)
```
#124d7b
```
#124d7b rgb(18,77,123)
```
#15578c
```
#15578c rgb(21,87,140)
```
#17629e
```
#17629e rgb(23,98,158)
```
#1a6caf
```
#1a6caf rgb(26,108,175)
```
#1c77c0
```
#1c77c0 rgb(28,119,192)
```
#1f82d1
```
#1f82d1 rgb(31,130,209)
```

Shade Color Variation

#248cdf
```
#248cdf rgb(36,140,223)
```
#3595e2
```
#3595e2 rgb(53,149,226)
```
#469ee4
```
#469ee4 rgb(70,158,228)
```
#57a7e7
```
#57a7e7 rgb(87,167,231)
```
#68b0e9
```
#68b0e9 rgb(104,176,233)
```
#7ab9ec
```
#7ab9ec rgb(122,185,236)
```
#8bc2ee
```
#8bc2ee rgb(139,194,238)
```
#9ccbf1
```
#9ccbf1 rgb(156,203,241)
```
#add4f3
```
#add4f3 rgb(173,212,243)
```
#beddf6
```
#beddf6 rgb(190,221,246)
```
#cfe6f8
```
#cfe6f8 rgb(207,230,248)
```
#e0effb
```
#e0effb rgb(224,239,251)
```
#f1f8fd
```
#f1f8fd rgb(241,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8288 is the less saturated color, while #078ffc is the most saturated one.

#7b8288
```
#7b8288 rgb(123,130,136)
```
#718392
```
#718392 rgb(113,131,146)
```
#68849b
```
#68849b rgb(104,132,155)
```
#5e85a5
```
#5e85a5 rgb(94,133,165)
```
#5487af
```
#5487af rgb(84,135,175)
```
#4b88b8
```
#4b88b8 rgb(75,136,184)
```
#4189c2
```
#4189c2 rgb(65,137,194)
```
#378acc
```
#378acc rgb(55,138,204)
```
#2e8bd5
```
#2e8bd5 rgb(46,139,213)
```
#248cdf
```
#248cdf rgb(36,140,223)
```
#1a8de9
```
#1a8de9 rgb(26,141,233)
```
#118ef2
```
#118ef2 rgb(17,142,242)
```
#078ffc
```
#078ffc rgb(7,143,252)
```

Tone Color Variation

Below, you can see how #248cdf 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
#667a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b8bdb Protanopia 1% of men
#4e8ee2 Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#518bdc Protanomaly 1% of men, 0.01% of women
#3e8de0 Deuteranomaly 6% of men, 0.4% of women
#0d95ba Tritanomaly 0.01% of the population

#248cdf hex color

#248cdf Color Information

#248cdf Color Conversion

Color Schemes with #248cdf

Alternatives to #248cdf

#248cdf Preview

Shades and Tints of #248cdf

Tones of #248cdf

Color Blindness Simulator