colorhexa.com

#2693ba hex color

In a RGB color space, hex #2693ba is composed of 14.9% red, 57.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 21% magenta, 0% yellow and 27.1% black. It has a hue angle of 195.8 degrees, a saturation of 66.1% and a lightness of 43.9%. #2693ba color hex could be obtained by blending #4cffff with #002775. Closest websafe color is: #3399cc.

- R 15
- G 58
- B 73
RGB color chart
- C 80
- M 21
- Y 0
- K 27
CMYK color chart

● #2693ba color description : Strong blue.

The hexadecimal color #2693ba has RGB values of R:38, G:147, B:186 and CMYK values of C:0.8, M:0.21, Y:0, K:0.27. Its decimal value is 2528186.

Hex triplet	2693ba	`#2693ba`
RGB Decimal	38, 147, 186	`rgb(38,147,186)`
RGB Percent	14.9, 57.6, 72.9	`rgb(14.9%,57.6%,72.9%)`
CMYK	80, 21, 0, 27
HSL	195.8°, 66.1, 43.9	`hsl(195.8,66.1%,43.9%)`
HSV (or HSB)	195.8°, 79.6, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.902, -16.376, -28.795
XYZ	20.094, 24.823, 50.184
xyY	0.211, 0.261, 24.823
CIE-LCH	56.902, 33.126, 240.373
CIE-LUV	56.902, -36.851, -42.09
Hunter-Lab	49.823, -15.2, -24.844
Binary	00100110, 10010011, 10111010

#2693ba
```
#2693ba rgb(38,147,186)
```
#ba4d26
```
#ba4d26 rgb(186,77,38)
```

Complementary Color

#26ba97
```
#26ba97 rgb(38,186,151)
```
#2693ba
```
#2693ba rgb(38,147,186)
```
#2649ba
```
#2649ba rgb(38,73,186)
```

Analogous Color

#ba9726
```
#ba9726 rgb(186,151,38)
```
#2693ba
```
#2693ba rgb(38,147,186)
```
#ba2649
```
#ba2649 rgb(186,38,73)
```

Split Complementary Color

#93ba26
```
#93ba26 rgb(147,186,38)
```
#2693ba
```
#2693ba rgb(38,147,186)
```
#ba2693
```
#ba2693 rgb(186,38,147)
```

Triadic Color

#26ba4d
```
#26ba4d rgb(38,186,77)
```
#2693ba
```
#2693ba rgb(38,147,186)
```
#ba2693
```
#ba2693 rgb(186,38,147)
```
#ba4d26
```
#ba4d26 rgb(186,77,38)
```

Tetradic Color

#19617a
```
#19617a rgb(25,97,122)
```
#1d7290
```
#1d7290 rgb(29,114,144)
```
#2282a5
```
#2282a5 rgb(34,130,165)
```
#2693ba
```
#2693ba rgb(38,147,186)
```
#2aa4cf
```
#2aa4cf rgb(42,164,207)
```
#3caed7
```
#3caed7 rgb(60,174,215)
```
#51b7db
```
#51b7db rgb(81,183,219)
```

Monochromatic Color

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

#26b8ba
```
#26b8ba rgb(38,184,186)
```
#26acba
```
#26acba rgb(38,172,186)
```
#269fba
```
#269fba rgb(38,159,186)
```
#2693ba
```
#2693ba rgb(38,147,186)
```
#2687ba
```
#2687ba rgb(38,135,186)
```
#267aba
```
#267aba rgb(38,122,186)
```
#266eba
```
#266eba rgb(38,110,186)
```

Similar Colors

Text with hexadecimal color #2693ba

This text has a font color of #2693ba.

<span style="color:#2693ba;">Text here</span>

#2693ba background color

This paragraph has a background color of #2693ba.

<p style="background-color:#2693ba;">Content here</p>

#2693ba border color

This element has a border color of #2693ba.

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

CSS codes

.text {color:#2693ba;}

.background {background-color:#2693ba;}

.border {border:1px solid #2693ba;}

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

#010507
```
#010507 rgb(1,5,7)
```
#051217
```
#051217 rgb(5,18,23)
```
#081f27
```
#081f27 rgb(8,31,39)
```
#0b2c38
```
#0b2c38 rgb(11,44,56)
```
#0f3948
```
#0f3948 rgb(15,57,72)
```
#124658
```
#124658 rgb(18,70,88)
```
#155369
```
#155369 rgb(21,83,105)
```
#196079
```
#196079 rgb(25,96,121)
```
#1c6c89
```
#1c6c89 rgb(28,108,137)
```
#1f7999
```
#1f7999 rgb(31,121,153)
```
#2386aa
```
#2386aa rgb(35,134,170)
```
#2693ba
```
#2693ba rgb(38,147,186)
```
#29a0ca
```
#29a0ca rgb(41,160,202)
```

Shade Color Variation

#32aad5
```
#32aad5 rgb(50,170,213)
```
#42b1d8
```
#42b1d8 rgb(66,177,216)
```
#53b8dc
```
#53b8dc rgb(83,184,220)
```
#63bedf
```
#63bedf rgb(99,190,223)
```
#73c5e2
```
#73c5e2 rgb(115,197,226)
```
#84cce6
```
#84cce6 rgb(132,204,230)
```
#94d3e9
```
#94d3e9 rgb(148,211,233)
```
#a4d9ec
```
#a4d9ec rgb(164,217,236)
```
#b4e0f0
```
#b4e0f0 rgb(180,224,240)
```
#c5e7f3
```
#c5e7f3 rgb(197,231,243)
```
#d5eef6
```
#d5eef6 rgb(213,238,246)
```
#e5f4fa
```
#e5f4fa rgb(229,244,250)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#6b7275
```
#6b7275 rgb(107,114,117)
```
#62767e
```
#62767e rgb(98,118,126)
```
#5a7b86
```
#5a7b86 rgb(90,123,134)
```
#517f8f
```
#517f8f rgb(81,127,143)
```
#488398
```
#488398 rgb(72,131,152)
```
#4087a0
```
#4087a0 rgb(64,135,160)
```
#378ba9
```
#378ba9 rgb(55,139,169)
```
#2f8fb1
```
#2f8fb1 rgb(47,143,177)
```
#2693ba
```
#2693ba rgb(38,147,186)
```
#1d97c3
```
#1d97c3 rgb(29,151,195)
```
#159bcb
```
#159bcb rgb(21,155,203)
```
#0c9fd4
```
#0c9fd4 rgb(12,159,212)
```
#04a3dc
```
#04a3dc rgb(4,163,220)
```

Tone Color Variation

Below, you can see how #2693ba 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

#777777 Achromatopsia 0.005% of the population
#677d84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838db5 Protanopia 1% of men
#7b8dc2 Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#618fb7 Protanomaly 1% of men, 0.01% of women
#5c8fbf Deuteranomaly 6% of men, 0.4% of women
#0d99ae Tritanomaly 0.01% of the population