#268ad2 hex color

In a RGB color space, hex #268ad2 is composed of 14.9% red, 54.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 34.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 205.1 degrees, a saturation of 69.4% and a lightness of 48.6%. #268ad2 color hex could be obtained by blending #4cffff with #0015a5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 15
- G 54
- B 82
RGB color chart
- C 82
- M 34
- Y 0
- K 18
CMYK color chart

● #268ad2 color description : Strong blue.

The hexadecimal color #268ad2 has RGB values of R:38, G:138, B:210 and CMYK values of C:0.82, M:0.34, Y:0, K:0.18. Its decimal value is 2525906.

Hex triplet	268ad2	`#268ad2`
RGB Decimal	38, 138, 210	`rgb(38,138,210)`
RGB Percent	14.9, 54.1, 82.4	`rgb(14.9%,54.1%,82.4%)`
CMYK	82, 34, 0, 18
HSL	205.1°, 69.4, 48.6	`hsl(205.1,69.4%,48.6%)`
HSV (or HSB)	205.1°, 81.9, 82.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.319, -2.674, -44.85
XYZ	21.518, 23.24, 64.321
xyY	0.197, 0.213, 23.24
CIE-LCH	55.319, 44.93, 266.589
CIE-LUV	55.319, -32.349, -69.67
Hunter-Lab	48.208, -4.69, -45.361
Binary	00100110, 10001010, 11010010

#268ad2
```
#268ad2 rgb(38,138,210)
```
#d26e26
```
#d26e26 rgb(210,110,38)
```

Complementary Color

#26d2c4
```
#26d2c4 rgb(38,210,196)
```
#268ad2
```
#268ad2 rgb(38,138,210)
```
#2634d2
```
#2634d2 rgb(38,52,210)
```

Analogous Color

#d2c426
```
#d2c426 rgb(210,196,38)
```
#268ad2
```
#268ad2 rgb(38,138,210)
```
#d22634
```
#d22634 rgb(210,38,52)
```

Split Complementary Color

#8ad226
```
#8ad226 rgb(138,210,38)
```
#268ad2
```
#268ad2 rgb(38,138,210)
```
#d2268a
```
#d2268a rgb(210,38,138)
```

Triadic Color

#26d26e
```
#26d26e rgb(38,210,110)
```
#268ad2
```
#268ad2 rgb(38,138,210)
```
#d2268a
```
#d2268a rgb(210,38,138)
```
#d26e26
```
#d26e26 rgb(210,110,38)
```

Tetradic Color

#1a5f91
```
#1a5f91 rgb(26,95,145)
```
#1e6ea7
```
#1e6ea7 rgb(30,110,167)
```
#227cbc
```
#227cbc rgb(34,124,188)
```
#268ad2
```
#268ad2 rgb(38,138,210)
```
#3796db
```
#3796db rgb(55,150,219)
```
#4ca1df
```
#4ca1df rgb(76,161,223)
```
#62ade3
```
#62ade3 rgb(98,173,227)
```

Monochromatic Color

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

#26b5d2
```
#26b5d2 rgb(38,181,210)
```
#26a7d2
```
#26a7d2 rgb(38,167,210)
```
#2698d2
```
#2698d2 rgb(38,152,210)
```
#268ad2
```
#268ad2 rgb(38,138,210)
```
#267cd2
```
#267cd2 rgb(38,124,210)
```
#266dd2
```
#266dd2 rgb(38,109,210)
```
#265fd2
```
#265fd2 rgb(38,95,210)
```

Similar Colors

Text with hexadecimal color #268ad2

This text has a font color of #268ad2.

<span style="color:#268ad2;">Text here</span>

#268ad2 background color

This paragraph has a background color of #268ad2.

<p style="background-color:#268ad2;">Content here</p>

#268ad2 border color

This element has a border color of #268ad2.

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

CSS codes

.text {color:#268ad2;}

.background {background-color:#268ad2;}

.border {border:1px solid #268ad2;}

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, #02070b is the darkest color, while #f9fcfe is the lightest one.

#02070b
```
#02070b rgb(2,7,11)
```
#05121b
```
#05121b rgb(5,18,27)
```
#081d2c
```
#081d2c rgb(8,29,44)
```
#0b283d
```
#0b283d rgb(11,40,61)
```
#0e334d
```
#0e334d rgb(14,51,77)
```
#113e5e
```
#113e5e rgb(17,62,94)
```
#14496e
```
#14496e rgb(20,73,110)
```
#17537f
```
#17537f rgb(23,83,127)
```
#1a5e90
```
#1a5e90 rgb(26,94,144)
```
#1d69a0
```
#1d69a0 rgb(29,105,160)
```
#2074b1
```
#2074b1 rgb(32,116,177)
```
#237fc1
```
#237fc1 rgb(35,127,193)
```
#268ad2
```
#268ad2 rgb(38,138,210)
```

Shade Color Variation

#3293da
```
#3293da rgb(50,147,218)
```
#429cdd
```
#429cdd rgb(66,156,221)
```
#53a5e0
```
#53a5e0 rgb(83,165,224)
```
#64aee3
```
#64aee3 rgb(100,174,227)
```
#74b6e6
```
#74b6e6 rgb(116,182,230)
```
#85bfe9
```
#85bfe9 rgb(133,191,233)
```
#95c8ec
```
#95c8ec rgb(149,200,236)
```
#a6d0ef
```
#a6d0ef rgb(166,208,239)
```
#b7d9f2
```
#b7d9f2 rgb(183,217,242)
```
#c7e2f5
```
#c7e2f5 rgb(199,226,245)
```
#d8eaf8
```
#d8eaf8 rgb(216,234,248)
```
#e8f3fb
```
#e8f3fb rgb(232,243,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7c7c is the less saturated color, while #098fef is the most saturated one.

#7c7c7c
```
#7c7c7c rgb(124,124,124)
```
#727e86
```
#727e86 rgb(114,126,134)
```
#697f8f
```
#697f8f rgb(105,127,143)
```
#5f8199
```
#5f8199 rgb(95,129,153)
```
#5682a2
```
#5682a2 rgb(86,130,162)
```
#4c84ac
```
#4c84ac rgb(76,132,172)
```
#4385b5
```
#4385b5 rgb(67,133,181)
```
#3987bf
```
#3987bf rgb(57,135,191)
```
#3088c8
```
#3088c8 rgb(48,136,200)
```
#268ad2
```
#268ad2 rgb(38,138,210)
```
#1c8cdc
```
#1c8cdc rgb(28,140,220)
```
#138de5
```
#138de5 rgb(19,141,229)
```
#098fef
```
#098fef rgb(9,143,239)
```

Tone Color Variation

Below, you can see how #268ad2 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

#747474 Achromatopsia 0.005% of the population
#647887 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f88ce Protanopia 1% of men
#598bd6 Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#5489cf Protanomaly 1% of men, 0.01% of women
#468ad4 Deuteranomaly 6% of men, 0.4% of women
#0d93b3 Tritanomaly 0.01% of the population

#268ad2 hex color

#268ad2 Color Information

#268ad2 Color Conversion

Color Schemes with #268ad2

Alternatives to #268ad2

#268ad2 Preview

Shades and Tints of #268ad2

Tones of #268ad2

Color Blindness Simulator