#2481b8 hex color

In a RGB color space, hex #2481b8 is composed of 14.1% red, 50.6% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 29.9% magenta, 0% yellow and 27.8% black. It has a hue angle of 202.3 degrees, a saturation of 67.3% and a lightness of 43.1%. #2481b8 color hex could be obtained by blending #48ffff with #000371. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 14
- G 51
- B 72
RGB color chart
- C 80
- M 30
- Y 0
- K 28
CMYK color chart

● #2481b8 color description : Strong blue.

The hexadecimal color #2481b8 has RGB values of R:36, G:129, B:184 and CMYK values of C:0.8, M:0.3, Y:0, K:0.28. Its decimal value is 2392504.

Hex triplet	2481b8	`#2481b8`
RGB Decimal	36, 129, 184	`rgb(36,129,184)`
RGB Percent	14.1, 50.6, 72.2	`rgb(14.1%,50.6%,72.2%)`
CMYK	80, 30, 0, 28
HSL	202.3°, 67.3, 43.1	`hsl(202.3,67.3%,43.1%)`
HSV (or HSB)	202.3°, 80.4, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.307, -7.153, -36.387
XYZ	17.227, 19.535, 48.207
xyY	0.203, 0.23, 19.535
CIE-LCH	51.307, 37.084, 258.878
CIE-LUV	51.307, -30.913, -54.577
Hunter-Lab	44.198, -7.772, -33.73
Binary	00100100, 10000001, 10111000

#2481b8
```
#2481b8 rgb(36,129,184)
```
#b85b24
```
#b85b24 rgb(184,91,36)
```

Complementary Color

#24b8a5
```
#24b8a5 rgb(36,184,165)
```
#2481b8
```
#2481b8 rgb(36,129,184)
```
#2437b8
```
#2437b8 rgb(36,55,184)
```

Analogous Color

#b8a524
```
#b8a524 rgb(184,165,36)
```
#2481b8
```
#2481b8 rgb(36,129,184)
```
#b82437
```
#b82437 rgb(184,36,55)
```

Split Complementary Color

#81b824
```
#81b824 rgb(129,184,36)
```
#2481b8
```
#2481b8 rgb(36,129,184)
```
#b82481
```
#b82481 rgb(184,36,129)
```

Triadic Color

#24b85b
```
#24b85b rgb(36,184,91)
```
#2481b8
```
#2481b8 rgb(36,129,184)
```
#b82481
```
#b82481 rgb(184,36,129)
```
#b85b24
```
#b85b24 rgb(184,91,36)
```

Tetradic Color

#175478
```
#175478 rgb(23,84,120)
```
#1c638d
```
#1c638d rgb(28,99,141)
```
#2072a3
```
#2072a3 rgb(32,114,163)
```
#2481b8
```
#2481b8 rgb(36,129,184)
```
#2890cd
```
#2890cd rgb(40,144,205)
```
#379cd8
```
#379cd8 rgb(55,156,216)
```
#4ca7dc
```
#4ca7dc rgb(76,167,220)
```

Monochromatic Color

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

#24a6b8
```
#24a6b8 rgb(36,166,184)
```
#249ab8
```
#249ab8 rgb(36,154,184)
```
#248db8
```
#248db8 rgb(36,141,184)
```
#2481b8
```
#2481b8 rgb(36,129,184)
```
#2475b8
```
#2475b8 rgb(36,117,184)
```
#2468b8
```
#2468b8 rgb(36,104,184)
```
#245cb8
```
#245cb8 rgb(36,92,184)
```

Similar Colors

Text with hexadecimal color #2481b8

This text has a font color of #2481b8.

<span style="color:#2481b8;">Text here</span>

#2481b8 background color

This paragraph has a background color of #2481b8.

<p style="background-color:#2481b8;">Content here</p>

#2481b8 border color

This element has a border color of #2481b8.

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

CSS codes

.text {color:#2481b8;}

.background {background-color:#2481b8;}

.border {border:1px solid #2481b8;}

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

#010204
```
#010204 rgb(1,2,4)
```
#040e14
```
#040e14 rgb(4,14,20)
```
#071924
```
#071924 rgb(7,25,36)
```
#0a2535
```
#0a2535 rgb(10,37,53)
```
#0e3045
```
#0e3045 rgb(14,48,69)
```
#113c56
```
#113c56 rgb(17,60,86)
```
#144766
```
#144766 rgb(20,71,102)
```
#175376
```
#175376 rgb(23,83,118)
```
#1a5e87
```
#1a5e87 rgb(26,94,135)
```
#1e6a97
```
#1e6a97 rgb(30,106,151)
```
#2175a8
```
#2175a8 rgb(33,117,168)
```
#2481b8
```
#2481b8 rgb(36,129,184)
```
#278dc8
```
#278dc8 rgb(39,141,200)
```

Shade Color Variation

#2d97d6
```
#2d97d6 rgb(45,151,214)
```
#3e9fd9
```
#3e9fd9 rgb(62,159,217)
```
#4ea8dc
```
#4ea8dc rgb(78,168,220)
```
#5eb0e0
```
#5eb0e0 rgb(94,176,224)
```
#6fb8e3
```
#6fb8e3 rgb(111,184,227)
```
#7fc0e6
```
#7fc0e6 rgb(127,192,230)
```
#90c8e9
```
#90c8e9 rgb(144,200,233)
```
#a0d0ec
```
#a0d0ec rgb(160,208,236)
```
#b1d8f0
```
#b1d8f0 rgb(177,216,240)
```
#c1e0f3
```
#c1e0f3 rgb(193,224,243)
```
#d1e8f6
```
#d1e8f6 rgb(209,232,246)
```
#e2f1f9
```
#e2f1f9 rgb(226,241,249)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#687074
```
#687074 rgb(104,112,116)
```
#5f727d
```
#5f727d rgb(95,114,125)
```
#577485
```
#577485 rgb(87,116,133)
```
#4e768e
```
#4e768e rgb(78,118,142)
```
#467896
```
#467896 rgb(70,120,150)
```
#3d7a9f
```
#3d7a9f rgb(61,122,159)
```
#357da7
```
#357da7 rgb(53,125,167)
```
#2c7fb0
```
#2c7fb0 rgb(44,127,176)
```
#2481b8
```
#2481b8 rgb(36,129,184)
```
#1c83c0
```
#1c83c0 rgb(28,131,192)
```
#1385c9
```
#1385c9 rgb(19,133,201)
```
#0b88d1
```
#0b88d1 rgb(11,136,209)
```
#028ada
```
#028ada rgb(2,138,218)
```

Tone Color Variation

Below, you can see how #2481b8 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

#6b6b6b Achromatopsia 0.005% of the population
#5d6f7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7fb5 Protanopia 1% of men
#5f80be Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#537fb6 Protanomaly 1% of men, 0.01% of women
#4a80bc Deuteranomaly 6% of men, 0.4% of women
#0d89a3 Tritanomaly 0.01% of the population

#2481b8 hex color

#2481b8 Color Information

#2481b8 Color Conversion

Color Schemes with #2481b8

Alternatives to #2481b8

#2481b8 Preview

Shades and Tints of #2481b8

Tones of #2481b8

Color Blindness Simulator