#298653

#298653

Color Values

HEX

#298653

RGB

41, 134, 83

HSL

147.1, 53.1%, 34.3%

HSV

147.1, 69.4%, 52.5%

CMYK

69.4%, 0.0%, 38.1%, 47.5%

OKLCH

0.5526 0.1176 155.1

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#298653

#86295C

Analogous

#2E8629

#298681

#298653

Triadic

#298653

#532986

#865329

Split Complementary

#298653

#812986

#86292E

Tetradic

#298653

#292E86

#86295C

#868129

Color Blindness Simulation

Original

#298653

Protanopia

#51525F

Deuteranopia

#4C4562

Tritanopia

#2E696B

Achromatopsia

#6F6F6F

CSS Usage

background-color: #298653;
color: #298653;
border-color: #298653;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF7
100
#E5F5EC
200
#C8EED9
300
#A1E2BF
400
#6FD39C
500
#3CC379
600
#309C61
700
#267D4D
800
#1E623C
900
#19482E
950
#102D1D

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.63:1

AA Pass AAA Fail

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