#06C646

#06C646

Color Values

HEX

#06C646

RGB

6, 198, 70

HSL

140.0, 94.1%, 40.0%

HSV

140.0, 97.0%, 77.6%

CMYK

97.0%, 0.0%, 64.6%, 22.4%

OKLCH

0.7201 0.2156 146.5

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#06C646

#C60686

Analogous

#26C606

#06C6A6

#06C646

Triadic

#06C646

#4606C6

#C64606

Split Complementary

#06C646

#A606C6

#C60626

Tetradic

#06C646

#0626C6

#C60686

#C6A606

Color Blindness Simulation

Original

#06C646

Protanopia

#595B65

Deuteranopia

#4E406C

Tritanopia

#107D83

Achromatopsia

#949494

CSS Usage

background-color: #06C646;
color: #06C646;
border-color: #06C646;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FDF5
100
#DFFBE8
200
#BAFDD0
300
#88FBAF
400
#48F983
500
#08F758
600
#06C646
700
#059E38
800
#047C2C
900
#075923
950
#053916

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026