#248bca hex color

In a RGB color space, hex #248bca is composed of 14.1% red, 54.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 31.2% magenta, 0% yellow and 20.8% black. It has a hue angle of 202.8 degrees, a saturation of 69.7% and a lightness of 46.7%. #248bca color hex could be obtained by blending #48ffff with #001795. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 14
- G 55
- B 79
RGB color chart
- C 82
- M 31
- Y 0
- K 21
CMYK color chart

● #248bca color description : Strong blue.

The hexadecimal color #248bca has RGB values of R:36, G:139, B:202 and CMYK values of C:0.82, M:0.31, Y:0, K:0.21. Its decimal value is 2395082.

Hex triplet	248bca	`#248bca`
RGB Decimal	36, 139, 202	`rgb(36,139,202)`
RGB Percent	14.1, 54.5, 79.2	`rgb(14.1%,54.5%,79.2%)`
CMYK	82, 31, 0, 21
HSL	202.8°, 69.7, 46.7	`hsl(202.8,69.7%,46.7%)`
HSV (or HSB)	202.8°, 82.2, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.178, -6.373, -40.558
XYZ	20.618, 23.103, 59.246
xyY	0.2, 0.224, 23.103
CIE-LCH	55.178, 41.056, 261.07
CIE-LUV	55.178, -33.345, -62.229
Hunter-Lab	48.065, -7.544, -39.437
Binary	00100100, 10001011, 11001010

#248bca
```
#248bca rgb(36,139,202)
```
#ca6324
```
#ca6324 rgb(202,99,36)
```

Complementary Color

#24cab6
```
#24cab6 rgb(36,202,182)
```
#248bca
```
#248bca rgb(36,139,202)
```
#2438ca
```
#2438ca rgb(36,56,202)
```

Analogous Color

#cab624
```
#cab624 rgb(202,182,36)
```
#248bca
```
#248bca rgb(36,139,202)
```
#ca2438
```
#ca2438 rgb(202,36,56)
```

Split Complementary Color

#8bca24
```
#8bca24 rgb(139,202,36)
```
#248bca
```
#248bca rgb(36,139,202)
```
#ca248b
```
#ca248b rgb(202,36,139)
```

Triadic Color

#24ca63
```
#24ca63 rgb(36,202,99)
```
#248bca
```
#248bca rgb(36,139,202)
```
#ca248b
```
#ca248b rgb(202,36,139)
```
#ca6324
```
#ca6324 rgb(202,99,36)
```

Tetradic Color

#185e89
```
#185e89 rgb(24,94,137)
```
#1c6d9f
```
#1c6d9f rgb(28,109,159)
```
#207cb4
```
#207cb4 rgb(32,124,180)
```
#248bca
```
#248bca rgb(36,139,202)
```
#2e98da
```
#2e98da rgb(46,152,218)
```
#43a3de
```
#43a3de rgb(67,163,222)
```
#59aee1
```
#59aee1 rgb(89,174,225)
```

Monochromatic Color

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

#24b5ca
```
#24b5ca rgb(36,181,202)
```
#24a7ca
```
#24a7ca rgb(36,167,202)
```
#2499ca
```
#2499ca rgb(36,153,202)
```
#248bca
```
#248bca rgb(36,139,202)
```
#247dca
```
#247dca rgb(36,125,202)
```
#246fca
```
#246fca rgb(36,111,202)
```
#2462ca
```
#2462ca rgb(36,98,202)
```

Similar Colors

Text with hexadecimal color #248bca

This text has a font color of #248bca.

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

#248bca background color

This paragraph has a background color of #248bca.

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

#248bca border color

This element has a border color of #248bca.

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

CSS codes

.text {color:#248bca;}

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

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

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, #000202 is the darkest color, while #f1f8fc is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#030d13
```
#030d13 rgb(3,13,19)
```
#061824
```
#061824 rgb(6,24,36)
```
#092434
```
#092434 rgb(9,36,52)
```
#0c2f45
```
#0c2f45 rgb(12,47,69)
```
#0f3b55
```
#0f3b55 rgb(15,59,85)
```
#124666
```
#124666 rgb(18,70,102)
```
#155277
```
#155277 rgb(21,82,119)
```
#185d87
```
#185d87 rgb(24,93,135)
```
#1b6998
```
#1b6998 rgb(27,105,152)
```
#1e74a9
```
#1e74a9 rgb(30,116,169)
```
#2180b9
```
#2180b9 rgb(33,128,185)
```
#248bca
```
#248bca rgb(36,139,202)
```

Shade Color Variation

#2996d9
```
#2996d9 rgb(41,150,217)
```
#399edc
```
#399edc rgb(57,158,220)
```
#4aa6df
```
#4aa6df rgb(74,166,223)
```
#5baee2
```
#5baee2 rgb(91,174,226)
```
#6bb7e5
```
#6bb7e5 rgb(107,183,229)
```
#7cbfe8
```
#7cbfe8 rgb(124,191,232)
```
#8dc7eb
```
#8dc7eb rgb(141,199,235)
```
#9dcfee
```
#9dcfee rgb(157,207,238)
```
#aed7f1
```
#aed7f1 rgb(174,215,241)
```
#bfdff4
```
#bfdff4 rgb(191,223,244)
```
#cfe8f6
```
#cfe8f6 rgb(207,232,246)
```
#e0f0f9
```
#e0f0f9 rgb(224,240,249)
```
#f1f8fc
```
#f1f8fc rgb(241,248,252)
```

Tint Color Variation

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

#767778
```
#767778 rgb(118,119,120)
```
#6d7981
```
#6d7981 rgb(109,121,129)
```
#647c8a
```
#647c8a rgb(100,124,138)
```
#5b7e93
```
#5b7e93 rgb(91,126,147)
```
#52809c
```
#52809c rgb(82,128,156)
```
#4982a5
```
#4982a5 rgb(73,130,165)
```
#3f84af
```
#3f84af rgb(63,132,175)
```
#3687b8
```
#3687b8 rgb(54,135,184)
```
#2d89c1
```
#2d89c1 rgb(45,137,193)
```
#248bca
```
#248bca rgb(36,139,202)
```
#1b8dd3
```
#1b8dd3 rgb(27,141,211)
```
#128fdc
```
#128fdc rgb(18,143,220)
```
#0992e5
```
#0992e5 rgb(9,146,229)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#637884 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7388c6 Protanopia 1% of men
#628acf Deuteranopia 1% of men
#0097a2 Tritanopia 0.001% of the population

Trichromacy

#5689c7 Protanomaly 1% of men, 0.01% of women
#4b8acd Deuteranomaly 6% of men, 0.4% of women
#0d93b0 Tritanomaly 0.01% of the population

#248bca hex color

#248bca Color Information

#248bca Color Conversion

Color Schemes with #248bca

Alternatives to #248bca

#248bca Preview

Shades and Tints of #248bca

Tones of #248bca

Color Blindness Simulator