#69b498 hex color

In a RGB color space, hex #69b498 is composed of 41.2% red, 70.6% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 0% magenta, 15.6% yellow and 29.4% black. It has a hue angle of 157.6 degrees, a saturation of 33.3% and a lightness of 55.9%. #69b498 color hex could be obtained by blending #d2ffff with #006931. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 41
- G 71
- B 60
RGB color chart
- C 42
- M 0
- Y 16
- K 29
CMYK color chart

● #69b498 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #69b498 has RGB values of R:105, G:180, B:152 and CMYK values of C:0.42, M:0, Y:0.16, K:0.29. Its decimal value is 6927512.

Hex triplet	69b498	`#69b498`
RGB Decimal	105, 180, 152	`rgb(105,180,152)`
RGB Percent	41.2, 70.6, 59.6	`rgb(41.2%,70.6%,59.6%)`
CMYK	42, 0, 16, 29
HSL	157.6°, 33.3, 55.9	`hsl(157.6,33.3%,55.9%)`
HSV (or HSB)	157.6°, 41.7, 70.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	67.955, -29.926, 7.025
XYZ	27.813, 37.911, 35.556
xyY	0.275, 0.374, 37.911
CIE-LCH	67.955, 30.74, 166.79
CIE-LUV	67.955, -35.003, 14.939
Hunter-Lab	61.572, -27.121, 8.862
Binary	01101001, 10110100, 10011000

#69b498
```
#69b498 rgb(105,180,152)
```
#b46985
```
#b46985 rgb(180,105,133)
```

Complementary Color

#69b473
```
#69b473 rgb(105,180,115)
```
#69b498
```
#69b498 rgb(105,180,152)
```
#69abb4
```
#69abb4 rgb(105,171,180)
```

Analogous Color

#b47369
```
#b47369 rgb(180,115,105)
```
#69b498
```
#69b498 rgb(105,180,152)
```
#b469ab
```
#b469ab rgb(180,105,171)
```

Split Complementary Color

#b49869
```
#b49869 rgb(180,152,105)
```
#69b498
```
#69b498 rgb(105,180,152)
```
#9869b4
```
#9869b4 rgb(152,105,180)
```

Triadic Color

#85b469
```
#85b469 rgb(133,180,105)
```
#69b498
```
#69b498 rgb(105,180,152)
```
#9869b4
```
#9869b4 rgb(152,105,180)
```
#b46985
```
#b46985 rgb(180,105,133)
```

Tetradic Color

#468b71
```
#468b71 rgb(70,139,113)
```
#4e9c7f
```
#4e9c7f rgb(78,156,127)
```
#58ac8c
```
#58ac8c rgb(88,172,140)
```
#69b498
```
#69b498 rgb(105,180,152)
```
#7abda4
```
#7abda4 rgb(122,189,164)
```
#8bc5af
```
#8bc5af rgb(139,197,175)
```
#9ccebb
```
#9ccebb rgb(156,206,187)
```

Monochromatic Color

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

#69b485
```
#69b485 rgb(105,180,133)
```
#69b48c
```
#69b48c rgb(105,180,140)
```
#69b492
```
#69b492 rgb(105,180,146)
```
#69b498
```
#69b498 rgb(105,180,152)
```
#69b49e
```
#69b49e rgb(105,180,158)
```
#69b4a5
```
#69b4a5 rgb(105,180,165)
```
#69b4ab
```
#69b4ab rgb(105,180,171)
```

Similar Colors

Text with hexadecimal color #69b498

This text has a font color of #69b498.

<span style="color:#69b498;">Text here</span>

#69b498 background color

This paragraph has a background color of #69b498.

<p style="background-color:#69b498;">Content here</p>

#69b498 border color

This element has a border color of #69b498.

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

CSS codes

.text {color:#69b498;}

.background {background-color:#69b498;}

.border {border:1px solid #69b498;}

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

#030706
```
#030706 rgb(3,7,6)
```
#0a1410
```
#0a1410 rgb(10,20,16)
```
#11211b
```
#11211b rgb(17,33,27)
```
#172e26
```
#172e26 rgb(23,46,38)
```
#1e3b30
```
#1e3b30 rgb(30,59,48)
```
#24483b
```
#24483b rgb(36,72,59)
```
#2b5545
```
#2b5545 rgb(43,85,69)
```
#316250
```
#316250 rgb(49,98,80)
```
#38705b
```
#38705b rgb(56,112,91)
```
#3e7d65
```
#3e7d65 rgb(62,125,101)
```
#458a70
```
#458a70 rgb(69,138,112)
```
#4b977b
```
#4b977b rgb(75,151,123)
```
#52a485
```
#52a485 rgb(82,164,133)
```

Shade Color Variation

#5cad8f
```
#5cad8f rgb(92,173,143)
```
#69b498
```
#69b498 rgb(105,180,152)
```
#76bba1
```
#76bba1 rgb(118,187,161)
```
#83c1aa
```
#83c1aa rgb(131,193,170)
```
#90c8b3
```
#90c8b3 rgb(144,200,179)
```
#9dcebc
```
#9dcebc rgb(157,206,188)
```
#aad5c5
```
#aad5c5 rgb(170,213,197)
```
#b7dbce
```
#b7dbce rgb(183,219,206)
```
#c5e2d7
```
#c5e2d7 rgb(197,226,215)
```
#d2e8e0
```
#d2e8e0 rgb(210,232,224)
```
#dfefe9
```
#dfefe9 rgb(223,239,233)
```
#ecf5f2
```
#ecf5f2 rgb(236,245,242)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c918f is the less saturated color, while #24f9aa is the most saturated one.

#8c918f
```
#8c918f rgb(140,145,143)
```
#839a91
```
#839a91 rgb(131,154,145)
```
#7aa394
```
#7aa394 rgb(122,163,148)
```
#72ab96
```
#72ab96 rgb(114,171,150)
```
#69b498
```
#69b498 rgb(105,180,152)
```
#60bd9a
```
#60bd9a rgb(96,189,154)
```
#58c59c
```
#58c59c rgb(88,197,156)
```
#4fce9f
```
#4fce9f rgb(79,206,159)
```
#46d7a1
```
#46d7a1 rgb(70,215,161)
```
#3edfa3
```
#3edfa3 rgb(62,223,163)
```
#35e8a5
```
#35e8a5 rgb(53,232,165)
```
#2cf1a7
```
#2cf1a7 rgb(44,241,167)
```
#24f9aa
```
#24f9aa rgb(36,249,170)
```

Tone Color Variation

Below, you can see how #69b498 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

#9a9a9a Achromatopsia 0.005% of the population
#909f9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a996 Protanopia 1% of men
#bca4a3 Deuteranopia 1% of men
#7bb2bf Tritanopia 0.001% of the population

Trichromacy

#97ad97 Protanomaly 1% of men, 0.01% of women
#9eaa9f Deuteranomaly 6% of men, 0.4% of women
#74b3b1 Tritanomaly 0.01% of the population

#69b498 hex color

#69b498 Color Information

#69b498 Color Conversion

Color Schemes with #69b498

Alternatives to #69b498

#69b498 Preview

Shades and Tints of #69b498

Tones of #69b498

Color Blindness Simulator