#6AA292

#6AA292

Color Values

HEX

#6AA292

RGB

106, 162, 146

HSL

162.9, 23.1%, 52.5%

HSV

162.9, 34.6%, 63.5%

CMYK

34.6%, 0.0%, 9.9%, 36.5%

OKLCH

0.6685 0.0639 174.4

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#6AA292

#A26A7A

Analogous

#6AA276

#6A96A2

#6AA292

Triadic

#6AA292

#926AA2

#A2926A

Split Complementary

#6AA292

#A26A96

#A2766A

Tetradic

#6AA292

#766AA2

#A26A7A

#96A26A

Color Blindness Simulation

Original

#6AA292

Protanopia

#828396

Deuteranopia

#7F7B97

Tritanopia

#6D999A

Achromatopsia

#959595

CSS Usage

background-color: #6AA292;
color: #6AA292;
border-color: #6AA292;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E4DF
300
#B4D0C8
400
#8BB6AA
500
#629D8C
600
#4E7E70
700
#3F645A
800
#314E46
900
#263B35
950
#182521

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.2:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026