#248bdf hex color

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

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

● #248bdf color description : Bright blue.

The hexadecimal color #248bdf has RGB values of R:36, G:139, B:223 and CMYK values of C:0.84, M:0.38, Y:0, K:0.13. Its decimal value is 2395103.

Hex triplet	248bdf	`#248bdf`
RGB Decimal	36, 139, 223	`rgb(36,139,223)`
RGB Percent	14.1, 54.5, 87.5	`rgb(14.1%,54.5%,87.5%)`
CMYK	84, 38, 0, 13
HSL	207°, 74.5, 50.8	`hsl(207,74.5%,50.8%)`
HSV (or HSB)	207°, 83.9, 87.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.254, 1.383, -50.667
XYZ	23.276, 24.166, 73.246
xyY	0.193, 0.2, 24.166
CIE-LCH	56.254, 50.685, 271.563
CIE-LUV	56.254, -32.232, -79.815
Hunter-Lab	49.159, -1.51, -53.93
Binary	00100100, 10001011, 11011111

#248bdf
```
#248bdf rgb(36,139,223)
```
#df7824
```
#df7824 rgb(223,120,36)
```

Complementary Color

#24dfd6
```
#24dfd6 rgb(36,223,214)
```
#248bdf
```
#248bdf rgb(36,139,223)
```
#242edf
```
#242edf rgb(36,46,223)
```

Analogous Color

#dfd624
```
#dfd624 rgb(223,214,36)
```
#248bdf
```
#248bdf rgb(36,139,223)
```
#df242d
```
#df242d rgb(223,36,45)
```

Split Complementary Color

#8bdf24
```
#8bdf24 rgb(139,223,36)
```
#248bdf
```
#248bdf rgb(36,139,223)
```
#df248b
```
#df248b rgb(223,36,139)
```

Triadic Color

#24df78
```
#24df78 rgb(36,223,120)
```
#248bdf
```
#248bdf rgb(36,139,223)
```
#df248b
```
#df248b rgb(223,36,139)
```
#df7824
```
#df7824 rgb(223,120,36)
```

Tetradic Color

#17629f
```
#17629f rgb(23,98,159)
```
#1b70b5
```
#1b70b5 rgb(27,112,181)
```
#1e7ecc
```
#1e7ecc rgb(30,126,204)
```
#248bdf
```
#248bdf rgb(36,139,223)
```
#3a97e2
```
#3a97e2 rgb(58,151,226)
```
#50a3e6
```
#50a3e6 rgb(80,163,230)
```
#67aee9
```
#67aee9 rgb(103,174,233)
```

Monochromatic Color

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

#24badf
```
#24badf rgb(36,186,223)
```
#24aadf
```
#24aadf rgb(36,170,223)
```
#249bdf
```
#249bdf rgb(36,155,223)
```
#248bdf
```
#248bdf rgb(36,139,223)
```
#247bdf
```
#247bdf rgb(36,123,223)
```
#246cdf
```
#246cdf rgb(36,108,223)
```
#245cdf
```
#245cdf rgb(36,92,223)
```

Similar Colors

Text with hexadecimal color #248bdf

This text has a font color of #248bdf.

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

#248bdf background color

This paragraph has a background color of #248bdf.

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

#248bdf border color

This element has a border color of #248bdf.

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

CSS codes

.text {color:#248bdf;}

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

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

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)
```
#0b2c48
```
#0b2c48 rgb(11,44,72)
```
#0d3759
```
#0d3759 rgb(13,55,89)
```
#10416a
```
#10416a rgb(16,65,106)
```
#124c7b
```
#124c7b rgb(18,76,123)
```
#15578c
```
#15578c rgb(21,87,140)
```
#17619e
```
#17619e rgb(23,97,158)
```
#1a6caf
```
#1a6caf rgb(26,108,175)
```
#1c76c0
```
#1c76c0 rgb(28,118,192)
```
#1f81d1
```
#1f81d1 rgb(31,129,209)
```

Shade Color Variation

#248bdf
```
#248bdf rgb(36,139,223)
```
#3594e2
```
#3594e2 rgb(53,148,226)
```
#469de4
```
#469de4 rgb(70,157,228)
```
#57a6e7
```
#57a6e7 rgb(87,166,231)
```
#68afe9
```
#68afe9 rgb(104,175,233)
```
#7ab8ec
```
#7ab8ec rgb(122,184,236)
```
#8bc1ee
```
#8bc1ee rgb(139,193,238)
```
#9ccaf1
```
#9ccaf1 rgb(156,202,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 #078efc 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)
```
#5486af
```
#5486af rgb(84,134,175)
```
#4b87b8
```
#4b87b8 rgb(75,135,184)
```
#4188c2
```
#4188c2 rgb(65,136,194)
```
#3789cc
```
#3789cc rgb(55,137,204)
```
#2e8ad5
```
#2e8ad5 rgb(46,138,213)
```
#248bdf
```
#248bdf rgb(36,139,223)
```
#1a8ce9
```
#1a8ce9 rgb(26,140,233)
```
#118df2
```
#118df2 rgb(17,141,242)
```
#078efc
```
#078efc rgb(7,142,252)
```

Tone Color Variation

Below, you can see how #248bdf 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

#6a8adb Protanopia 1% of men
#4b8ee1 Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#508adc Protanomaly 1% of men, 0.01% of women
#3d8de0 Deuteranomaly 6% of men, 0.4% of women
#0d95ba Tritanomaly 0.01% of the population

#248bdf hex color

#248bdf Color Information

#248bdf Color Conversion

Color Schemes with #248bdf

Alternatives to #248bdf

#248bdf Preview

Shades and Tints of #248bdf

Tones of #248bdf

Color Blindness Simulator