#248abd hex color

In a RGB color space, hex #248abd is composed of 14.1% red, 54.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 27% magenta, 0% yellow and 25.9% black. It has a hue angle of 200 degrees, a saturation of 68% and a lightness of 44.1%. #248abd color hex could be obtained by blending #48ffff with #00157b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 14
- G 54
- B 74
RGB color chart
- C 81
- M 27
- Y 0
- K 26
CMYK color chart

● #248abd color description : Strong blue.

The hexadecimal color #248abd has RGB values of R:36, G:138, B:189 and CMYK values of C:0.81, M:0.27, Y:0, K:0.26. Its decimal value is 2394813.

Hex triplet	248abd	`#248abd`
RGB Decimal	36, 138, 189	`rgb(36,138,189)`
RGB Percent	14.1, 54.1, 74.1	`rgb(14.1%,54.1%,74.1%)`
CMYK	81, 27, 0, 26
HSL	200°, 68, 44.1	`hsl(200,68%,44.1%)`
HSV (or HSB)	200°, 81, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.264, -10.515, -34.612
XYZ	18.999, 22.224, 51.43
xyY	0.205, 0.24, 22.224
CIE-LCH	54.264, 36.174, 253.101
CIE-LUV	54.264, -33.751, -51.885
Hunter-Lab	47.143, -10.563, -31.682
Binary	00100100, 10001010, 10111101

#248abd
```
#248abd rgb(36,138,189)
```
#bd5724
```
#bd5724 rgb(189,87,36)
```

Complementary Color

#24bda4
```
#24bda4 rgb(36,189,164)
```
#248abd
```
#248abd rgb(36,138,189)
```
#243ebd
```
#243ebd rgb(36,62,189)
```

Analogous Color

#bda424
```
#bda424 rgb(189,164,36)
```
#248abd
```
#248abd rgb(36,138,189)
```
#bd243e
```
#bd243e rgb(189,36,62)
```

Split Complementary Color

#8abd24
```
#8abd24 rgb(138,189,36)
```
#248abd
```
#248abd rgb(36,138,189)
```
#bd248a
```
#bd248a rgb(189,36,138)
```

Triadic Color

#24bd57
```
#24bd57 rgb(36,189,87)
```
#248abd
```
#248abd rgb(36,138,189)
```
#bd248a
```
#bd248a rgb(189,36,138)
```
#bd5724
```
#bd5724 rgb(189,87,36)
```

Tetradic Color

#185b7d
```
#185b7d rgb(24,91,125)
```
#1c6b92
```
#1c6b92 rgb(28,107,146)
```
#207aa8
```
#207aa8 rgb(32,122,168)
```
#248abd
```
#248abd rgb(36,138,189)
```
#289ad2
```
#289ad2 rgb(40,154,210)
```
#3aa5da
```
#3aa5da rgb(58,165,218)
```
#50aede
```
#50aede rgb(80,174,222)
```

Monochromatic Color

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

#24b0bd
```
#24b0bd rgb(36,176,189)
```
#24a4bd
```
#24a4bd rgb(36,164,189)
```
#2497bd
```
#2497bd rgb(36,151,189)
```
#248abd
```
#248abd rgb(36,138,189)
```
#247dbd
```
#247dbd rgb(36,125,189)
```
#2471bd
```
#2471bd rgb(36,113,189)
```
#2464bd
```
#2464bd rgb(36,100,189)
```

Similar Colors

Text with hexadecimal color #248abd

This text has a font color of #248abd.

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

#248abd background color

This paragraph has a background color of #248abd.

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

#248abd border color

This element has a border color of #248abd.

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

CSS codes

.text {color:#248abd;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#051218
```
#051218 rgb(5,18,24)
```
#081e29
```
#081e29 rgb(8,30,41)
```
#0b2a39
```
#0b2a39 rgb(11,42,57)
```
#0e364a
```
#0e364a rgb(14,54,74)
```
#11425a
```
#11425a rgb(17,66,90)
```
#144e6b
```
#144e6b rgb(20,78,107)
```
#175a7b
```
#175a7b rgb(23,90,123)
```
#1b668c
```
#1b668c rgb(27,102,140)
```
#1e729c
```
#1e729c rgb(30,114,156)
```
#217ead
```
#217ead rgb(33,126,173)
```
#248abd
```
#248abd rgb(36,138,189)
```
#2796cd
```
#2796cd rgb(39,150,205)
```

Shade Color Variation

#31a0d8
```
#31a0d8 rgb(49,160,216)
```
#41a8db
```
#41a8db rgb(65,168,219)
```
#52afde
```
#52afde rgb(82,175,222)
```
#62b7e1
```
#62b7e1 rgb(98,183,225)
```
#72bee4
```
#72bee4 rgb(114,190,228)
```
#83c6e7
```
#83c6e7 rgb(131,198,231)
```
#93cdeb
```
#93cdeb rgb(147,205,235)
```
#a4d5ee
```
#a4d5ee rgb(164,213,238)
```
#b4ddf1
```
#b4ddf1 rgb(180,221,241)
```
#c5e4f4
```
#c5e4f4 rgb(197,228,244)
```
#d5ecf7
```
#d5ecf7 rgb(213,236,247)
```
#e6f3fa
```
#e6f3fa rgb(230,243,250)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#697378
```
#697378 rgb(105,115,120)
```
#617680
```
#617680 rgb(97,118,128)
```
#587989
```
#587989 rgb(88,121,137)
```
#4f7c92
```
#4f7c92 rgb(79,124,146)
```
#477e9a
```
#477e9a rgb(71,126,154)
```
#3e81a3
```
#3e81a3 rgb(62,129,163)
```
#3584ac
```
#3584ac rgb(53,132,172)
```
#2d87b4
```
#2d87b4 rgb(45,135,180)
```
#248abd
```
#248abd rgb(36,138,189)
```
#1b8dc6
```
#1b8dc6 rgb(27,141,198)
```
#1390ce
```
#1390ce rgb(19,144,206)
```
#0a93d7
```
#0a93d7 rgb(10,147,215)
```
#0196e0
```
#0196e0 rgb(1,150,224)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#627680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7786b9 Protanopia 1% of men
#6b87c3 Deuteranopia 1% of men
#0095a0 Tritanopia 0.001% of the population

Trichromacy

#5987ba Protanomaly 1% of men, 0.01% of women
#5188c1 Deuteranomaly 6% of men, 0.4% of women
#0d91aa Tritanomaly 0.01% of the population

#248abd hex color

#248abd Color Information

#248abd Color Conversion

Color Schemes with #248abd

Alternatives to #248abd

#248abd Preview

Shades and Tints of #248abd

Tones of #248abd

Color Blindness Simulator