#228cac hex color

In a RGB color space, hex #228cac is composed of 13.3% red, 54.9% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 18.6% magenta, 0% yellow and 32.5% black. It has a hue angle of 193.9 degrees, a saturation of 67% and a lightness of 40.4%. #228cac color hex could be obtained by blending #44ffff with #001959. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 55
- B 67
RGB color chart
- C 80
- M 19
- Y 0
- K 33
CMYK color chart

● #228cac color description : Dark cyan.

The hexadecimal color #228cac has RGB values of R:34, G:140, B:172 and CMYK values of C:0.8, M:0.19, Y:0, K:0.33. Its decimal value is 2264236.

Hex triplet	228cac	`#228cac`
RGB Decimal	34, 140, 172	`rgb(34,140,172)`
RGB Percent	13.3, 54.9, 67.5	`rgb(13.3%,54.9%,67.5%)`
CMYK	80, 19, 0, 33
HSL	193.9°, 67, 40.4	`hsl(193.9,67%,40.4%)`
HSV (or HSB)	193.9°, 80.2, 67.5
Web Safe	339999	`#339999`

CIE-LAB	54.105, -17.823, -25.141
XYZ	17.482, 22.073, 42.367
xyY	0.213, 0.269, 22.073
CIE-LCH	54.105, 30.818, 234.665
CIE-LUV	54.105, -35.753, -35.664
Hunter-Lab	46.982, -15.798, -20.578
Binary	00100010, 10001100, 10101100

#228cac
```
#228cac rgb(34,140,172)
```
#ac4222
```
#ac4222 rgb(172,66,34)
```

Complementary Color

#22ac87
```
#22ac87 rgb(34,172,135)
```
#228cac
```
#228cac rgb(34,140,172)
```
#2247ac
```
#2247ac rgb(34,71,172)
```

Analogous Color

#ac8722
```
#ac8722 rgb(172,135,34)
```
#228cac
```
#228cac rgb(34,140,172)
```
#ac2247
```
#ac2247 rgb(172,34,71)
```

Split Complementary Color

#8cac22
```
#8cac22 rgb(140,172,34)
```
#228cac
```
#228cac rgb(34,140,172)
```
#ac228c
```
#ac228c rgb(172,34,140)
```

Triadic Color

#22ac42
```
#22ac42 rgb(34,172,66)
```
#228cac
```
#228cac rgb(34,140,172)
```
#ac228c
```
#ac228c rgb(172,34,140)
```
#ac4222
```
#ac4222 rgb(172,66,34)
```

Tetradic Color

#15586c
```
#15586c rgb(21,88,108)
```
#1a6981
```
#1a6981 rgb(26,105,129)
```
#1e7b97
```
#1e7b97 rgb(30,123,151)
```
#228cac
```
#228cac rgb(34,140,172)
```
#269dc1
```
#269dc1 rgb(38,157,193)
```
#2caed5
```
#2caed5 rgb(44,174,213)
```
#41b6d9
```
#41b6d9 rgb(65,182,217)
```

Monochromatic Color

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

#22acaa
```
#22acaa rgb(34,172,170)
```
#22a3ac
```
#22a3ac rgb(34,163,172)
```
#2298ac
```
#2298ac rgb(34,152,172)
```
#228cac
```
#228cac rgb(34,140,172)
```
#2281ac
```
#2281ac rgb(34,129,172)
```
#2275ac
```
#2275ac rgb(34,117,172)
```
#226aac
```
#226aac rgb(34,106,172)
```

Similar Colors

Text with hexadecimal color #228cac

This text has a font color of #228cac.

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

#228cac background color

This paragraph has a background color of #228cac.

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

#228cac border color

This element has a border color of #228cac.

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

CSS codes

.text {color:#228cac;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#051419
```
#051419 rgb(5,20,25)
```
#082129
```
#082129 rgb(8,33,41)
```
#0b2f39
```
#0b2f39 rgb(11,47,57)
```
#0f3c4a
```
#0f3c4a rgb(15,60,74)
```
#12495a
```
#12495a rgb(18,73,90)
```
#15576a
```
#15576a rgb(21,87,106)
```
#18647b
```
#18647b rgb(24,100,123)
```
#1c718b
```
#1c718b rgb(28,113,139)
```
#1f7f9c
```
#1f7f9c rgb(31,127,156)
```
#228cac
```
#228cac rgb(34,140,172)
```
#2599bc
```
#2599bc rgb(37,153,188)
```
#28a7cd
```
#28a7cd rgb(40,167,205)
```

Shade Color Variation

#32b0d7
```
#32b0d7 rgb(50,176,215)
```
#43b7da
```
#43b7da rgb(67,183,218)
```
#53bddd
```
#53bddd rgb(83,189,221)
```
#63c3e0
```
#63c3e0 rgb(99,195,224)
```
#74cae3
```
#74cae3 rgb(116,202,227)
```
#84d0e7
```
#84d0e7 rgb(132,208,231)
```
#95d6ea
```
#95d6ea rgb(149,214,234)
```
#a5dced
```
#a5dced rgb(165,220,237)
```
#b5e3f0
```
#b5e3f0 rgb(181,227,240)
```
#c6e9f4
```
#c6e9f4 rgb(198,233,244)
```
#d6eff7
```
#d6eff7 rgb(214,239,247)
```
#e6f6fa
```
#e6f6fa rgb(230,246,250)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616a6d is the less saturated color, while #029dcc is the most saturated one.

#616a6d
```
#616a6d rgb(97,106,109)
```
#596e75
```
#596e75 rgb(89,110,117)
```
#52737c
```
#52737c rgb(82,115,124)
```
#4a7784
```
#4a7784 rgb(74,119,132)
```
#427b8c
```
#427b8c rgb(66,123,140)
```
#3a7f94
```
#3a7f94 rgb(58,127,148)
```
#32849c
```
#32849c rgb(50,132,156)
```
#2a88a4
```
#2a88a4 rgb(42,136,164)
```
#228cac
```
#228cac rgb(34,140,172)
```
#1a90b4
```
#1a90b4 rgb(26,144,180)
```
#1294bc
```
#1294bc rgb(18,148,188)
```
#0a99c4
```
#0a99c4 rgb(10,153,196)
```
#029dcc
```
#029dcc rgb(2,157,204)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#60767c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e86a8 Protanopia 1% of men
#7886b4 Deuteranopia 1% of men
#0d959f Tritanopia 0.001% of the population

Trichromacy

#5d88a9 Protanomaly 1% of men, 0.01% of women
#5988b1 Deuteranomaly 6% of men, 0.4% of women
#1491a4 Tritanomaly 0.01% of the population

#228cac hex color

#228cac Color Information

#228cac Color Conversion

Color Schemes with #228cac

Alternatives to #228cac

#228cac Preview

Shades and Tints of #228cac

Tones of #228cac

Color Blindness Simulator