#6BA134

#6BA134

Color Values

HEX

#6BA134

RGB

107, 161, 52

HSL

89,7, 51,2%, 41,8%

HSV

89,7, 67,7%, 63,1%

CMYK

33,5%, 0,0%, 67,7%, 36,9%

OKLCH

0,6487 0,1508 132,0

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#6BA134

#6A34A1

Analogous

#A1A134

#35A134

#6BA134

Triadic

#6BA134

#346BA1

#A1346B

Split Complementary

#6BA134

#3435A1

#A134A1

Tetradic

#6BA134

#34A1A1

#6A34A1

#A13435

Color Blindness Simulation

Original

#6BA134

Protanopia

#82834E

Deuteranopia

#7F7B55

Tritanopia

#6E6368

Achromatopsia

#8E8E8E

CSS Usage

background-color: #6BA134;
color: #6BA134;
border-color: #6BA134;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DBEEC9
300
#C2E1A2
400
#A1D170
500
#80C13E
600
#679A32
700
#527B28
800
#40601F
900
#31471A
950
#1F2D10

Contrast Checker

Text on white

3,1:1

AA Fail AAA Fail

Text on black

6,77:1

AA Pass AAA Fail

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