#248bbf hex color

In a RGB color space, hex #248bbf is composed of 14.1% red, 54.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 27.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 200.1 degrees, a saturation of 68.3% and a lightness of 44.5%. #248bbf color hex could be obtained by blending #48ffff with #00177f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 14
- G 55
- B 75
RGB color chart
- C 81
- M 27
- Y 0
- K 25
CMYK color chart

● #248bbf color description : Strong blue.

The hexadecimal color #248bbf has RGB values of R:36, G:139, B:191 and CMYK values of C:0.81, M:0.27, Y:0, K:0.25. Its decimal value is 2395071.

Hex triplet	248bbf	`#248bbf`
RGB Decimal	36, 139, 191	`rgb(36,139,191)`
RGB Percent	14.1, 54.5, 74.9	`rgb(14.1%,54.5%,74.9%)`
CMYK	81, 27, 0, 25
HSL	200.1°, 68.3, 44.5	`hsl(200.1,68.3%,44.5%)`
HSV (or HSB)	200.1°, 81.2, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.658, -10.363, -35.134
XYZ	19.362, 22.6, 52.629
xyY	0.205, 0.239, 22.6
CIE-LCH	54.658, 36.631, 253.566
CIE-LUV	54.658, -33.98, -52.822
Hunter-Lab	47.54, -10.495, -32.36
Binary	00100100, 10001011, 10111111

#248bbf
```
#248bbf rgb(36,139,191)
```
#bf5824
```
#bf5824 rgb(191,88,36)
```

Complementary Color

#24bfa6
```
#24bfa6 rgb(36,191,166)
```
#248bbf
```
#248bbf rgb(36,139,191)
```
#243ebf
```
#243ebf rgb(36,62,191)
```

Analogous Color

#bfa624
```
#bfa624 rgb(191,166,36)
```
#248bbf
```
#248bbf rgb(36,139,191)
```
#bf243e
```
#bf243e rgb(191,36,62)
```

Split Complementary Color

#8bbf24
```
#8bbf24 rgb(139,191,36)
```
#248bbf
```
#248bbf rgb(36,139,191)
```
#bf248b
```
#bf248b rgb(191,36,139)
```

Triadic Color

#24bf58
```
#24bf58 rgb(36,191,88)
```
#248bbf
```
#248bbf rgb(36,139,191)
```
#bf248b
```
#bf248b rgb(191,36,139)
```
#bf5824
```
#bf5824 rgb(191,88,36)
```

Tetradic Color

#185c7f
```
#185c7f rgb(24,92,127)
```
#1c6c94
```
#1c6c94 rgb(28,108,148)
```
#207baa
```
#207baa rgb(32,123,170)
```
#248bbf
```
#248bbf rgb(36,139,191)
```
#289bd4
```
#289bd4 rgb(40,155,212)
```
#3ca5da
```
#3ca5da rgb(60,165,218)
```
#51afde
```
#51afde rgb(81,175,222)
```

Monochromatic Color

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

#24b2bf
```
#24b2bf rgb(36,178,191)
```
#24a5bf
```
#24a5bf rgb(36,165,191)
```
#2498bf
```
#2498bf rgb(36,152,191)
```
#248bbf
```
#248bbf rgb(36,139,191)
```
#247ebf
```
#247ebf rgb(36,126,191)
```
#2471bf
```
#2471bf rgb(36,113,191)
```
#2464bf
```
#2464bf rgb(36,100,191)
```

Similar Colors

Text with hexadecimal color #248bbf

This text has a font color of #248bbf.

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

#248bbf background color

This paragraph has a background color of #248bbf.

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

#248bbf border color

This element has a border color of #248bbf.

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

CSS codes

.text {color:#248bbf;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#05131a
```
#05131a rgb(5,19,26)
```
#081f2a
```
#081f2a rgb(8,31,42)
```
#0b2b3b
```
#0b2b3b rgb(11,43,59)
```
#0e374b
```
#0e374b rgb(14,55,75)
```
#11435c
```
#11435c rgb(17,67,92)
```
#144f6c
```
#144f6c rgb(20,79,108)
```
#185b7d
```
#185b7d rgb(24,91,125)
```
#1b678d
```
#1b678d rgb(27,103,141)
```
#1e739e
```
#1e739e rgb(30,115,158)
```
#217fae
```
#217fae rgb(33,127,174)
```
#248bbf
```
#248bbf rgb(36,139,191)
```
#2797d0
```
#2797d0 rgb(39,151,208)
```

Shade Color Variation

#32a0d8
```
#32a0d8 rgb(50,160,216)
```
#42a8db
```
#42a8db rgb(66,168,219)
```
#53b0df
```
#53b0df rgb(83,176,223)
```
#63b7e2
```
#63b7e2 rgb(99,183,226)
```
#74bfe5
```
#74bfe5 rgb(116,191,229)
```
#84c7e8
```
#84c7e8 rgb(132,199,232)
```
#95ceeb
```
#95ceeb rgb(149,206,235)
```
#a5d6ee
```
#a5d6ee rgb(165,214,238)
```
#b6ddf1
```
#b6ddf1 rgb(182,221,241)
```
#c6e5f4
```
#c6e5f4 rgb(198,229,244)
```
#d7edf7
```
#d7edf7 rgb(215,237,247)
```
#e7f4fb
```
#e7f4fb rgb(231,244,251)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#6a7479
```
#6a7479 rgb(106,116,121)
```
#617782
```
#617782 rgb(97,119,130)
```
#587a8b
```
#587a8b rgb(88,122,139)
```
#507d93
```
#507d93 rgb(80,125,147)
```
#47809c
```
#47809c rgb(71,128,156)
```
#3e82a5
```
#3e82a5 rgb(62,130,165)
```
#3585ae
```
#3585ae rgb(53,133,174)
```
#2d88b6
```
#2d88b6 rgb(45,136,182)
```
#248bbf
```
#248bbf rgb(36,139,191)
```
#1b8ec8
```
#1b8ec8 rgb(27,142,200)
```
#1391d0
```
#1391d0 rgb(19,145,208)
```
#0a94d9
```
#0a94d9 rgb(10,148,217)
```
#0196e2
```
#0196e2 rgb(1,150,226)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#627781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7787bb Protanopia 1% of men
#6b88c5 Deuteranopia 1% of men
#0096a1 Tritanopia 0.001% of the population

Trichromacy

#5988bc Protanomaly 1% of men, 0.01% of women
#5189c3 Deuteranomaly 6% of men, 0.4% of women
#0d92ac Tritanomaly 0.01% of the population

#248bbf hex color

#248bbf Color Information

#248bbf Color Conversion

Color Schemes with #248bbf

Alternatives to #248bbf

#248bbf Preview

Shades and Tints of #248bbf

Tones of #248bbf

Color Blindness Simulator