#248ac7 hex color

In a RGB color space, hex #248ac7 is composed of 14.1% red, 54.1% green and 78% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 30.7% magenta, 0% yellow and 22% black. It has a hue angle of 202.5 degrees, a saturation of 69.4% and a lightness of 46.1%. #248ac7 color hex could be obtained by blending #48ffff with #00158f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 14
- G 54
- B 78
RGB color chart
- C 82
- M 31
- Y 0
- K 22
CMYK color chart

● #248ac7 color description : Strong blue.

The hexadecimal color #248ac7 has RGB values of R:36, G:138, B:199 and CMYK values of C:0.82, M:0.31, Y:0, K:0.22. Its decimal value is 2394823.

Hex triplet	248ac7	`#248ac7`
RGB Decimal	36, 138, 199	`rgb(36,138,199)`
RGB Percent	14.1, 54.1, 78	`rgb(14.1%,54.1%,78%)`
CMYK	82, 31, 0, 22
HSL	202.5°, 69.4, 46.1	`hsl(202.5,69.4%,46.1%)`
HSV (or HSB)	202.5°, 81.9, 78
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.735, -6.891, -39.558
XYZ	20.122, 22.674, 57.346
xyY	0.201, 0.226, 22.674
CIE-LCH	54.735, 40.153, 260.118
CIE-LUV	54.735, -33.172, -60.446
Hunter-Lab	47.617, -7.898, -38.072
Binary	00100100, 10001010, 11000111

#248ac7
```
#248ac7 rgb(36,138,199)
```
#c76124
```
#c76124 rgb(199,97,36)
```

Complementary Color

#24c7b3
```
#24c7b3 rgb(36,199,179)
```
#248ac7
```
#248ac7 rgb(36,138,199)
```
#2439c7
```
#2439c7 rgb(36,57,199)
```

Analogous Color

#c7b324
```
#c7b324 rgb(199,179,36)
```
#248ac7
```
#248ac7 rgb(36,138,199)
```
#c72439
```
#c72439 rgb(199,36,57)
```

Split Complementary Color

#8ac724
```
#8ac724 rgb(138,199,36)
```
#248ac7
```
#248ac7 rgb(36,138,199)
```
#c7248a
```
#c7248a rgb(199,36,138)
```

Triadic Color

#24c761
```
#24c761 rgb(36,199,97)
```
#248ac7
```
#248ac7 rgb(36,138,199)
```
#c7248a
```
#c7248a rgb(199,36,138)
```
#c76124
```
#c76124 rgb(199,97,36)
```

Tetradic Color

#185d86
```
#185d86 rgb(24,93,134)
```
#1c6c9c
```
#1c6c9c rgb(28,108,156)
```
#207bb1
```
#207bb1 rgb(32,123,177)
```
#248ac7
```
#248ac7 rgb(36,138,199)
```
#2c98d9
```
#2c98d9 rgb(44,152,217)
```
#41a3dd
```
#41a3dd rgb(65,163,221)
```
#57ade1
```
#57ade1 rgb(87,173,225)
```

Monochromatic Color

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

#24b3c7
```
#24b3c7 rgb(36,179,199)
```
#24a5c7
```
#24a5c7 rgb(36,165,199)
```
#2498c7
```
#2498c7 rgb(36,152,199)
```
#248ac7
```
#248ac7 rgb(36,138,199)
```
#247cc7
```
#247cc7 rgb(36,124,199)
```
#246fc7
```
#246fc7 rgb(36,111,199)
```
#2461c7
```
#2461c7 rgb(36,97,199)
```

Similar Colors

Text with hexadecimal color #248ac7

This text has a font color of #248ac7.

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

#248ac7 background color

This paragraph has a background color of #248ac7.

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

#248ac7 border color

This element has a border color of #248ac7.

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

CSS codes

.text {color:#248ac7;}

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

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

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, #030b10 is the darkest color, while #ffffff is the lightest one.

#030b10
```
#030b10 rgb(3,11,16)
```
#061721
```
#061721 rgb(6,23,33)
```
#092232
```
#092232 rgb(9,34,50)
```
#0c2e42
```
#0c2e42 rgb(12,46,66)
```
#0f3953
```
#0f3953 rgb(15,57,83)
```
#124563
```
#124563 rgb(18,69,99)
```
#155074
```
#155074 rgb(21,80,116)
```
#185c85
```
#185c85 rgb(24,92,133)
```
#1b6795
```
#1b6795 rgb(27,103,149)
```
#1e73a6
```
#1e73a6 rgb(30,115,166)
```
#217eb6
```
#217eb6 rgb(33,126,182)
```
#248ac7
```
#248ac7 rgb(36,138,199)
```
#2796d8
```
#2796d8 rgb(39,150,216)
```

Shade Color Variation

#379edb
```
#379edb rgb(55,158,219)
```
#48a6de
```
#48a6de rgb(72,166,222)
```
#59aee1
```
#59aee1 rgb(89,174,225)
```
#69b6e4
```
#69b6e4 rgb(105,182,228)
```
#7abee7
```
#7abee7 rgb(122,190,231)
```
#8ac6ea
```
#8ac6ea rgb(138,198,234)
```
#9bceed
```
#9bceed rgb(155,206,237)
```
#acd6f0
```
#acd6f0 rgb(172,214,240)
```
#bcdef3
```
#bcdef3 rgb(188,222,243)
```
#cde7f6
```
#cde7f6 rgb(205,231,246)
```
#ddeff9
```
#ddeff9 rgb(221,239,249)
```
#eef7fc
```
#eef7fc rgb(238,247,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757676
```
#757676 rgb(117,118,118)
```
#6c787f
```
#6c787f rgb(108,120,127)
```
#637a88
```
#637a88 rgb(99,122,136)
```
#5a7c91
```
#5a7c91 rgb(90,124,145)
```
#517f9a
```
#517f9a rgb(81,127,154)
```
#4881a3
```
#4881a3 rgb(72,129,163)
```
#3f83ac
```
#3f83ac rgb(63,131,172)
```
#3685b5
```
#3685b5 rgb(54,133,181)
```
#2d88be
```
#2d88be rgb(45,136,190)
```
#248ac7
```
#248ac7 rgb(36,138,199)
```
#1b8cd0
```
#1b8cd0 rgb(27,140,208)
```
#128fd9
```
#128fd9 rgb(18,143,217)
```
#0991e2
```
#0991e2 rgb(9,145,226)
```

Tone Color Variation

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

Dichromacy

#7387c3 Protanopia 1% of men
#6389cc Deuteranopia 1% of men
#0096a1 Tritanopia 0.001% of the population

Trichromacy

#5688c4 Protanomaly 1% of men, 0.01% of women
#4c89ca Deuteranomaly 6% of men, 0.4% of women
#0d92ae Tritanomaly 0.01% of the population

#248ac7 hex color

#248ac7 Color Information

#248ac7 Color Conversion

Color Schemes with #248ac7

Alternatives to #248ac7

#248ac7 Preview

Shades and Tints of #248ac7

Tones of #248ac7

Color Blindness Simulator