colorhexa.com

#2485b8 hex color

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

- R 14
- G 52
- B 72
RGB color chart
- C 80
- M 28
- Y 0
- K 28
CMYK color chart

● #2485b8 color description : Strong blue.

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

Hex triplet	2485b8	`#2485b8`
RGB Decimal	36, 133, 184	`rgb(36,133,184)`
RGB Percent	14.1, 52.2, 72.2	`rgb(14.1%,52.2%,72.2%)`
CMYK	80, 28, 0, 28
HSL	200.7°, 67.3, 43.1	`hsl(200.7,67.3%,43.1%)`
HSV (or HSB)	200.7°, 80.4, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.519, -9.466, -34.486
XYZ	17.765, 20.609, 48.386
xyY	0.205, 0.238, 20.609
CIE-LCH	52.519, 35.761, 254.65
CIE-LUV	52.519, -32.302, -51.49
Hunter-Lab	45.397, -9.596, -31.416
Binary	00100100, 10000101, 10111000

#2485b8
```
#2485b8 rgb(36,133,184)
```
#b85724
```
#b85724 rgb(184,87,36)
```

Complementary Color

#24b8a1
```
#24b8a1 rgb(36,184,161)
```
#2485b8
```
#2485b8 rgb(36,133,184)
```
#243bb8
```
#243bb8 rgb(36,59,184)
```

Analogous Color

#b8a124
```
#b8a124 rgb(184,161,36)
```
#2485b8
```
#2485b8 rgb(36,133,184)
```
#b8243b
```
#b8243b rgb(184,36,59)
```

Split Complementary Color

#85b824
```
#85b824 rgb(133,184,36)
```
#2485b8
```
#2485b8 rgb(36,133,184)
```
#b82485
```
#b82485 rgb(184,36,133)
```

Triadic Color

#24b857
```
#24b857 rgb(36,184,87)
```
#2485b8
```
#2485b8 rgb(36,133,184)
```
#b82485
```
#b82485 rgb(184,36,133)
```
#b85724
```
#b85724 rgb(184,87,36)
```

Tetradic Color

#175778
```
#175778 rgb(23,87,120)
```
#1c668d
```
#1c668d rgb(28,102,141)
```
#2076a3
```
#2076a3 rgb(32,118,163)
```
#2485b8
```
#2485b8 rgb(36,133,184)
```
#2894cd
```
#2894cd rgb(40,148,205)
```
#37a0d8
```
#37a0d8 rgb(55,160,216)
```
#4cabdc
```
#4cabdc rgb(76,171,220)
```

Monochromatic Color

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

#24aab8
```
#24aab8 rgb(36,170,184)
```
#249eb8
```
#249eb8 rgb(36,158,184)
```
#2491b8
```
#2491b8 rgb(36,145,184)
```
#2485b8
```
#2485b8 rgb(36,133,184)
```
#2479b8
```
#2479b8 rgb(36,121,184)
```
#246cb8
```
#246cb8 rgb(36,108,184)
```
#2460b8
```
#2460b8 rgb(36,96,184)
```

Similar Colors

Text with hexadecimal color #2485b8

This text has a font color of #2485b8.

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

#2485b8 background color

This paragraph has a background color of #2485b8.

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

#2485b8 border color

This element has a border color of #2485b8.

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

CSS codes

.text {color:#2485b8;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#040e14
```
#040e14 rgb(4,14,20)
```
#071a24
```
#071a24 rgb(7,26,36)
```
#0a2635
```
#0a2635 rgb(10,38,53)
```
#0e3245
```
#0e3245 rgb(14,50,69)
```
#113e56
```
#113e56 rgb(17,62,86)
```
#144a66
```
#144a66 rgb(20,74,102)
```
#175676
```
#175676 rgb(23,86,118)
```
#1a6187
```
#1a6187 rgb(26,97,135)
```
#1e6d97
```
#1e6d97 rgb(30,109,151)
```
#2179a8
```
#2179a8 rgb(33,121,168)
```
#2485b8
```
#2485b8 rgb(36,133,184)
```
#2791c8
```
#2791c8 rgb(39,145,200)
```

Shade Color Variation

#2d9cd6
```
#2d9cd6 rgb(45,156,214)
```
#3ea4d9
```
#3ea4d9 rgb(62,164,217)
```
#4eabdc
```
#4eabdc rgb(78,171,220)
```
#5eb3e0
```
#5eb3e0 rgb(94,179,224)
```
#6fbbe3
```
#6fbbe3 rgb(111,187,227)
```
#7fc3e6
```
#7fc3e6 rgb(127,195,230)
```
#90cae9
```
#90cae9 rgb(144,202,233)
```
#a0d2ec
```
#a0d2ec rgb(160,210,236)
```
#b1daf0
```
#b1daf0 rgb(177,218,240)
```
#c1e2f3
```
#c1e2f3 rgb(193,226,243)
```
#d1e9f6
```
#d1e9f6 rgb(209,233,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 #0290da is the most saturated one.

#687074
```
#687074 rgb(104,112,116)
```
#5f737d
```
#5f737d rgb(95,115,125)
```
#577585
```
#577585 rgb(87,117,133)
```
#4e788e
```
#4e788e rgb(78,120,142)
```
#467a96
```
#467a96 rgb(70,122,150)
```
#3d7d9f
```
#3d7d9f rgb(61,125,159)
```
#3580a7
```
#3580a7 rgb(53,128,167)
```
#2c82b0
```
#2c82b0 rgb(44,130,176)
```
#2485b8
```
#2485b8 rgb(36,133,184)
```
#1c88c0
```
#1c88c0 rgb(28,136,192)
```
#138ac9
```
#138ac9 rgb(19,138,201)
```
#0b8dd1
```
#0b8dd1 rgb(11,141,209)
```
#0290da
```
#0290da rgb(2,144,218)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5f737d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7382b5 Protanopia 1% of men
#6683be Deuteranopia 1% of men
#00909b Tritanopia 0.001% of the population

Trichromacy

#5683b6 Protanomaly 1% of men, 0.01% of women
#4e84bc Deuteranomaly 6% of men, 0.4% of women
#0d8ca5 Tritanomaly 0.01% of the population