#2266b5 hex color

In a RGB color space, hex #2266b5 is composed of 13.3% red, 40% green and 71% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 43.6% magenta, 0% yellow and 29% black. It has a hue angle of 212.2 degrees, a saturation of 68.4% and a lightness of 42.2%. #2266b5 color hex could be obtained by blending #44ccff with #00006b. Closest websafe color is: #3366cc.

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

● #2266b5 color description : Strong blue.

The hexadecimal color #2266b5 has RGB values of R:34, G:102, B:181 and CMYK values of C:0.81, M:0.44, Y:0, K:0.29. Its decimal value is 2254517.

Hex triplet	2266b5	`#2266b5`
RGB Decimal	34, 102, 181	`rgb(34,102,181)`
RGB Percent	13.3, 40, 71	`rgb(13.3%,40%,71%)`
CMYK	81, 44, 0, 29
HSL	212.2°, 68.4, 42.2	`hsl(212.2,68.4%,42.2%)`
HSV (or HSB)	212.2°, 81.2, 71
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.03, 8.035, -47.785
XYZ	13.75, 13.178, 45.532
xyY	0.19, 0.182, 13.178
CIE-LCH	43.03, 48.455, 279.545
CIE-LUV	43.03, -22.266, -71.347
Hunter-Lab	36.301, 4.082, -48.956
Binary	00100010, 01100110, 10110101

#2266b5
```
#2266b5 rgb(34,102,181)
```
#b57122
```
#b57122 rgb(181,113,34)
```

Complementary Color

#22b0b5
```
#22b0b5 rgb(34,176,181)
```
#2266b5
```
#2266b5 rgb(34,102,181)
```
#2722b5
```
#2722b5 rgb(39,34,181)
```

Analogous Color

#b0b522
```
#b0b522 rgb(176,181,34)
```
#2266b5
```
#2266b5 rgb(34,102,181)
```
#b52722
```
#b52722 rgb(181,39,34)
```

Split Complementary Color

#66b522
```
#66b522 rgb(102,181,34)
```
#2266b5
```
#2266b5 rgb(34,102,181)
```
#b52266
```
#b52266 rgb(181,34,102)
```

Triadic Color

#22b571
```
#22b571 rgb(34,181,113)
```
#2266b5
```
#2266b5 rgb(34,102,181)
```
#b52266
```
#b52266 rgb(181,34,102)
```
#b57122
```
#b57122 rgb(181,113,34)
```

Tetradic Color

#164275
```
#164275 rgb(22,66,117)
```
#1a4e8a
```
#1a4e8a rgb(26,78,138)
```
#1e5aa0
```
#1e5aa0 rgb(30,90,160)
```
#2266b5
```
#2266b5 rgb(34,102,181)
```
#2672ca
```
#2672ca rgb(38,114,202)
```
#327fd8
```
#327fd8 rgb(50,127,216)
```
#478cdc
```
#478cdc rgb(71,140,220)
```

Monochromatic Color

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

#228bb5
```
#228bb5 rgb(34,139,181)
```
#227fb5
```
#227fb5 rgb(34,127,181)
```
#2272b5
```
#2272b5 rgb(34,114,181)
```
#2266b5
```
#2266b5 rgb(34,102,181)
```
#225ab5
```
#225ab5 rgb(34,90,181)
```
#224eb5
```
#224eb5 rgb(34,78,181)
```
#2241b5
```
#2241b5 rgb(34,65,181)
```

Similar Colors

Text with hexadecimal color #2266b5

This text has a font color of #2266b5.

<span style="color:#2266b5;">Text here</span>

#2266b5 background color

This paragraph has a background color of #2266b5.

<p style="background-color:#2266b5;">Content here</p>

#2266b5 border color

This element has a border color of #2266b5.

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

CSS codes

.text {color:#2266b5;}

.background {background-color:#2266b5;}

.border {border:1px solid #2266b5;}

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

#030910
```
#030910 rgb(3,9,16)
```
#061220
```
#061220 rgb(6,18,32)
```
#091c31
```
#091c31 rgb(9,28,49)
```
#0c2541
```
#0c2541 rgb(12,37,65)
```
#0f2e52
```
#0f2e52 rgb(15,46,82)
```
#123762
```
#123762 rgb(18,55,98)
```
#164173
```
#164173 rgb(22,65,115)
```
#194a83
```
#194a83 rgb(25,74,131)
```
#1c5394
```
#1c5394 rgb(28,83,148)
```
#1f5da4
```
#1f5da4 rgb(31,93,164)
```
#2266b5
```
#2266b5 rgb(34,102,181)
```
#256fc6
```
#256fc6 rgb(37,111,198)
```
#2879d6
```
#2879d6 rgb(40,121,214)
```

Shade Color Variation

#3883da
```
#3883da rgb(56,131,218)
```
#498ddd
```
#498ddd rgb(73,141,221)
```
#5998e0
```
#5998e0 rgb(89,152,224)
```
#6aa2e3
```
#6aa2e3 rgb(106,162,227)
```
#7aace6
```
#7aace6 rgb(122,172,230)
```
#8bb6e9
```
#8bb6e9 rgb(139,182,233)
```
#9bc1ec
```
#9bc1ec rgb(155,193,236)
```
#accbef
```
#accbef rgb(172,203,239)
```
#bcd5f2
```
#bcd5f2 rgb(188,213,242)
```
#cde0f6
```
#cde0f6 rgb(205,224,246)
```
#ddeaf9
```
#ddeaf9 rgb(221,234,249)
```
#eef4fc
```
#eef4fc rgb(238,244,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646b73 is the less saturated color, while #0164d6 is the most saturated one.

#646b73
```
#646b73 rgb(100,107,115)
```
#5c6a7b
```
#5c6a7b rgb(92,106,123)
```
#546a83
```
#546a83 rgb(84,106,131)
```
#4b698c
```
#4b698c rgb(75,105,140)
```
#436894
```
#436894 rgb(67,104,148)
```
#3b689c
```
#3b689c rgb(59,104,156)
```
#3367a4
```
#3367a4 rgb(51,103,164)
```
#2a67ad
```
#2a67ad rgb(42,103,173)
```
#2266b5
```
#2266b5 rgb(34,102,181)
```
#1a65bd
```
#1a65bd rgb(26,101,189)
```
#1165c6
```
#1165c6 rgb(17,101,198)
```
#0964ce
```
#0964ce rgb(9,100,206)
```
#0164d6
```
#0164d6 rgb(1,100,214)
```

Tone Color Variation

Below, you can see how #2266b5 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

#5b5b5b Achromatopsia 0.005% of the population
#505d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#476bb6 Protanopia 1% of men
#1b6fb8 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#3a69b5 Protanomaly 1% of men, 0.01% of women
#1d6bb7 Deuteranomaly 6% of men, 0.4% of women
#0c7193 Tritanomaly 0.01% of the population

#2266b5 hex color

#2266b5 Color Information

#2266b5 Color Conversion

Color Schemes with #2266b5

Alternatives to #2266b5

#2266b5 Preview

Shades and Tints of #2266b5

Tones of #2266b5

Color Blindness Simulator