#418762

#418762

Color Values

HEX

#418762

RGB

65, 135, 98

HSL

148,3, 35,0%, 39,2%

HSV

148,3, 51,9%, 52,9%

CMYK

51,9%, 0,0%, 27,4%, 47,1%

OKLCH

0,5672 0,0921 158,4

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#418762

#874166

Analogous

#438741

#418785

#418762

Triadic

#418762

#624187

#876241

Split Complementary

#418762

#854187

#874143

Tetradic

#418762

#414387

#874166

#878541

Color Blindness Simulation

Original

#418762

Protanopia

#5F606B

Deuteranopia

#5B566D

Tritanopia

#447274

Achromatopsia

#757575

CSS Usage

background-color: #418762;
color: #418762;
border-color: #418762;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF7
100
#E8F2ED
200
#CFE8DB
300
#ACD7C1
400
#80C29F
500
#53AC7D
600
#428A64
700
#356E50
800
#29563E
900
#214030
950
#15281E

Contrast Checker

Text on white

4,32:1

AA Fail AAA Fail

Text on black

4,87: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