#228fa6 hex color

In a RGB color space, hex #228fa6 is composed of 13.3% red, 56.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 13.9% magenta, 0% yellow and 34.9% black. It has a hue angle of 190.5 degrees, a saturation of 66% and a lightness of 39.2%. #228fa6 color hex could be obtained by blending #44ffff with #001f4d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 56
- B 65
RGB color chart
- C 80
- M 14
- Y 0
- K 35
CMYK color chart

● #228fa6 color description : Dark cyan.

The hexadecimal color #228fa6 has RGB values of R:34, G:143, B:166 and CMYK values of C:0.8, M:0.14, Y:0, K:0.35. Its decimal value is 2264998.

Hex triplet	228fa6	`#228fa6`
RGB Decimal	34, 143, 166	`rgb(34,143,166)`
RGB Percent	13.3, 56.1, 65.1	`rgb(13.3%,56.1%,65.1%)`
CMYK	80, 14, 0, 35
HSL	190.5°, 66, 39.2	`hsl(190.5,66%,39.2%)`
HSV (or HSB)	190.5°, 79.5, 65.1
Web Safe	339999	`#339999`

CIE-LAB	54.8, -21.467, -20.629
XYZ	17.363, 22.737, 39.548
xyY	0.218, 0.285, 22.737
CIE-LCH	54.8, 29.772, 223.859
CIE-LUV	54.8, -37.225, -28.064
Hunter-Lab	47.683, -18.446, -15.797
Binary	00100010, 10001111, 10100110

#228fa6
```
#228fa6 rgb(34,143,166)
```
#a63922
```
#a63922 rgb(166,57,34)
```

Complementary Color

#22a67b
```
#22a67b rgb(34,166,123)
```
#228fa6
```
#228fa6 rgb(34,143,166)
```
#224da6
```
#224da6 rgb(34,77,166)
```

Analogous Color

#a67b22
```
#a67b22 rgb(166,123,34)
```
#228fa6
```
#228fa6 rgb(34,143,166)
```
#a6224d
```
#a6224d rgb(166,34,77)
```

Split Complementary Color

#8fa622
```
#8fa622 rgb(143,166,34)
```
#228fa6
```
#228fa6 rgb(34,143,166)
```
#a6228f
```
#a6228f rgb(166,34,143)
```

Triadic Color

#22a639
```
#22a639 rgb(34,166,57)
```
#228fa6
```
#228fa6 rgb(34,143,166)
```
#a6228f
```
#a6228f rgb(166,34,143)
```
#a63922
```
#a63922 rgb(166,57,34)
```

Tetradic Color

#155867
```
#155867 rgb(21,88,103)
```
#196b7c
```
#196b7c rgb(25,107,124)
```
#1e7d91
```
#1e7d91 rgb(30,125,145)
```
#228fa6
```
#228fa6 rgb(34,143,166)
```
#26a1bb
```
#26a1bb rgb(38,161,187)
```
#2bb3d0
```
#2bb3d0 rgb(43,179,208)
```
#3dbcd7
```
#3dbcd7 rgb(61,188,215)
```

Monochromatic Color

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

#22a69c
```
#22a69c rgb(34,166,156)
```
#22a5a6
```
#22a5a6 rgb(34,165,166)
```
#229aa6
```
#229aa6 rgb(34,154,166)
```
#228fa6
```
#228fa6 rgb(34,143,166)
```
#2284a6
```
#2284a6 rgb(34,132,166)
```
#2279a6
```
#2279a6 rgb(34,121,166)
```
#226ea6
```
#226ea6 rgb(34,110,166)
```

Similar Colors

Text with hexadecimal color #228fa6

This text has a font color of #228fa6.

<span style="color:#228fa6;">Text here</span>

#228fa6 background color

This paragraph has a background color of #228fa6.

<p style="background-color:#228fa6;">Content here</p>

#228fa6 border color

This element has a border color of #228fa6.

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

CSS codes

.text {color:#228fa6;}

.background {background-color:#228fa6;}

.border {border:1px solid #228fa6;}

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

#010303
```
#010303 rgb(1,3,3)
```
#041113
```
#041113 rgb(4,17,19)
```
#071f24
```
#071f24 rgb(7,31,36)
```
#0b2d34
```
#0b2d34 rgb(11,45,52)
```
#0e3b44
```
#0e3b44 rgb(14,59,68)
```
#114955
```
#114955 rgb(17,73,85)
```
#155765
```
#155765 rgb(21,87,101)
```
#186575
```
#186575 rgb(24,101,117)
```
#1b7385
```
#1b7385 rgb(27,115,133)
```
#1f8196
```
#1f8196 rgb(31,129,150)
```
#228fa6
```
#228fa6 rgb(34,143,166)
```
#259db6
```
#259db6 rgb(37,157,182)
```
#29abc7
```
#29abc7 rgb(41,171,199)
```

Shade Color Variation

#2fb7d4
```
#2fb7d4 rgb(47,183,212)
```
#3fbdd8
```
#3fbdd8 rgb(63,189,216)
```
#4fc3db
```
#4fc3db rgb(79,195,219)
```
#5fc8de
```
#5fc8de rgb(95,200,222)
```
#70cee2
```
#70cee2 rgb(112,206,226)
```
#80d3e5
```
#80d3e5 rgb(128,211,229)
```
#90d9e8
```
#90d9e8 rgb(144,217,232)
```
#a1dfec
```
#a1dfec rgb(161,223,236)
```
#b1e4ef
```
#b1e4ef rgb(177,228,239)
```
#c1eaf2
```
#c1eaf2 rgb(193,234,242)
```
#d1eff6
```
#d1eff6 rgb(209,239,246)
```
#e2f5f9
```
#e2f5f9 rgb(226,245,249)
```
#f2fbfc
```
#f2fbfc rgb(242,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606768 is the less saturated color, while #03a3c5 is the most saturated one.

#606768
```
#606768 rgb(96,103,104)
```
#586c70
```
#586c70 rgb(88,108,112)
```
#507178
```
#507178 rgb(80,113,120)
```
#487680
```
#487680 rgb(72,118,128)
```
#417b87
```
#417b87 rgb(65,123,135)
```
#39808f
```
#39808f rgb(57,128,143)
```
#318597
```
#318597 rgb(49,133,151)
```
#2a8a9e
```
#2a8a9e rgb(42,138,158)
```
#228fa6
```
#228fa6 rgb(34,143,166)
```
#1a94ae
```
#1a94ae rgb(26,148,174)
```
#1399b5
```
#1399b5 rgb(19,153,181)
```
#0b9ebd
```
#0b9ebd rgb(11,158,189)
```
#03a3c5
```
#03a3c5 rgb(3,163,197)
```

Tone Color Variation

Below, you can see how #228fa6 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

#717171 Achromatopsia 0.005% of the population
#61777c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8388a2 Protanopia 1% of men
#8087af Deuteranopia 1% of men
#2196a1 Tritanopia 0.001% of the population

Trichromacy

#608aa3 Protanomaly 1% of men, 0.01% of women
#5e8aac Deuteranomaly 6% of men, 0.4% of women
#2193a3 Tritanomaly 0.01% of the population

#228fa6 hex color

#228fa6 Color Information

#228fa6 Color Conversion

Color Schemes with #228fa6

Alternatives to #228fa6

#228fa6 Preview

Shades and Tints of #228fa6

Tones of #228fa6

Color Blindness Simulator