#2380b4 hex color

In a RGB color space, hex #2380b4 is composed of 13.7% red, 50.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 28.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 201.5 degrees, a saturation of 67.4% and a lightness of 42.2%. #2380b4 color hex could be obtained by blending #46ffff with #000169. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 14
- G 50
- B 71
RGB color chart
- C 81
- M 29
- Y 0
- K 29
CMYK color chart

● #2380b4 color description : Strong blue.

The hexadecimal color #2380b4 has RGB values of R:35, G:128, B:180 and CMYK values of C:0.81, M:0.29, Y:0, K:0.29. Its decimal value is 2326708.

Hex triplet	2380b4	`#2380b4`
RGB Decimal	35, 128, 180	`rgb(35,128,180)`
RGB Percent	13.7, 50.2, 70.6	`rgb(13.7%,50.2%,70.6%)`
CMYK	81, 29, 0, 29
HSL	201.5°, 67.4, 42.2	`hsl(201.5,67.4%,42.2%)`
HSV (or HSB)	201.5°, 80.6, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	50.792, -8.138, -34.896
XYZ	16.648, 19.089, 45.985
xyY	0.204, 0.234, 19.089
CIE-LCH	50.792, 35.832, 256.873
CIE-LUV	50.792, -30.911, -51.969
Hunter-Lab	43.692, -8.443, -31.818
Binary	00100011, 10000000, 10110100

#2380b4
```
#2380b4 rgb(35,128,180)
```
#b45723
```
#b45723 rgb(180,87,35)
```

Complementary Color

#23b4a0
```
#23b4a0 rgb(35,180,160)
```
#2380b4
```
#2380b4 rgb(35,128,180)
```
#2338b4
```
#2338b4 rgb(35,56,180)
```

Analogous Color

#b4a023
```
#b4a023 rgb(180,160,35)
```
#2380b4
```
#2380b4 rgb(35,128,180)
```
#b42338
```
#b42338 rgb(180,35,56)
```

Split Complementary Color

#80b423
```
#80b423 rgb(128,180,35)
```
#2380b4
```
#2380b4 rgb(35,128,180)
```
#b42380
```
#b42380 rgb(180,35,128)
```

Triadic Color

#23b457
```
#23b457 rgb(35,180,87)
```
#2380b4
```
#2380b4 rgb(35,128,180)
```
#b42380
```
#b42380 rgb(180,35,128)
```
#b45723
```
#b45723 rgb(180,87,35)
```

Tetradic Color

#175274
```
#175274 rgb(23,82,116)
```
#1b6289
```
#1b6289 rgb(27,98,137)
```
#1f719f
```
#1f719f rgb(31,113,159)
```
#2380b4
```
#2380b4 rgb(35,128,180)
```
#278fc9
```
#278fc9 rgb(39,143,201)
```
#339cd7
```
#339cd7 rgb(51,156,215)
```
#48a7db
```
#48a7db rgb(72,167,219)
```

Monochromatic Color

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

#23a4b4
```
#23a4b4 rgb(35,164,180)
```
#2398b4
```
#2398b4 rgb(35,152,180)
```
#238cb4
```
#238cb4 rgb(35,140,180)
```
#2380b4
```
#2380b4 rgb(35,128,180)
```
#2374b4
```
#2374b4 rgb(35,116,180)
```
#2368b4
```
#2368b4 rgb(35,104,180)
```
#235cb4
```
#235cb4 rgb(35,92,180)
```

Similar Colors

Text with hexadecimal color #2380b4

This text has a font color of #2380b4.

<span style="color:#2380b4;">Text here</span>

#2380b4 background color

This paragraph has a background color of #2380b4.

<p style="background-color:#2380b4;">Content here</p>

#2380b4 border color

This element has a border color of #2380b4.

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

CSS codes

.text {color:#2380b4;}

.background {background-color:#2380b4;}

.border {border:1px solid #2380b4;}

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 #feffff is the lightest one.

#030b10
```
#030b10 rgb(3,11,16)
```
#061720
```
#061720 rgb(6,23,32)
```
#092331
```
#092331 rgb(9,35,49)
```
#0d2e41
```
#0d2e41 rgb(13,46,65)
```
#103a51
```
#103a51 rgb(16,58,81)
```
#134662
```
#134662 rgb(19,70,98)
```
#165172
```
#165172 rgb(22,81,114)
```
#195d83
```
#195d83 rgb(25,93,131)
```
#1d6993
```
#1d6993 rgb(29,105,147)
```
#2074a4
```
#2074a4 rgb(32,116,164)
```
#2380b4
```
#2380b4 rgb(35,128,180)
```
#268cc4
```
#268cc4 rgb(38,140,196)
```
#2997d5
```
#2997d5 rgb(41,151,213)
```

Shade Color Variation

#399fd9
```
#399fd9 rgb(57,159,217)
```
#4aa7dc
```
#4aa7dc rgb(74,167,220)
```
#5aafdf
```
#5aafdf rgb(90,175,223)
```
#6bb7e2
```
#6bb7e2 rgb(107,183,226)
```
#7bbfe5
```
#7bbfe5 rgb(123,191,229)
```
#8bc7e9
```
#8bc7e9 rgb(139,199,233)
```
#9ccfec
```
#9ccfec rgb(156,207,236)
```
#acd7ef
```
#acd7ef rgb(172,215,239)
```
#bddff2
```
#bddff2 rgb(189,223,242)
```
#cde7f5
```
#cde7f5 rgb(205,231,245)
```
#deeff8
```
#deeff8 rgb(222,239,248)
```
#eef7fc
```
#eef7fc rgb(238,247,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656d72 is the less saturated color, while #0289d5 is the most saturated one.

#656d72
```
#656d72 rgb(101,109,114)
```
#5d707a
```
#5d707a rgb(93,112,122)
```
#557282
```
#557282 rgb(85,114,130)
```
#4c748b
```
#4c748b rgb(76,116,139)
```
#447793
```
#447793 rgb(68,119,147)
```
#3c799b
```
#3c799b rgb(60,121,155)
```
#347ba3
```
#347ba3 rgb(52,123,163)
```
#2b7eac
```
#2b7eac rgb(43,126,172)
```
#2380b4
```
#2380b4 rgb(35,128,180)
```
#1b82bc
```
#1b82bc rgb(27,130,188)
```
#1285c5
```
#1285c5 rgb(18,133,197)
```
#0a87cd
```
#0a87cd rgb(10,135,205)
```
#0289d5
```
#0289d5 rgb(2,137,213)
```

Tone Color Variation

Below, you can see how #2380b4 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

#6a6a6a Achromatopsia 0.005% of the population
#5c6e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7eb1 Protanopia 1% of men
#617fba Deuteranopia 1% of men
#008c96 Tritanopia 0.001% of the population

Trichromacy

#527eb2 Protanomaly 1% of men, 0.01% of women
#4a7fb8 Deuteranomaly 6% of men, 0.4% of women
#0c87a1 Tritanomaly 0.01% of the population

#2380b4 hex color

#2380b4 Color Information

#2380b4 Color Conversion

Color Schemes with #2380b4

Alternatives to #2380b4

#2380b4 Preview

Shades and Tints of #2380b4

Tones of #2380b4

Color Blindness Simulator