#017E48

#017E48

Color Values

HEX

#017E48

RGB

1, 126, 72

HSL

154.1, 98.4%, 24.9%

HSV

154.1, 99.2%, 49.4%

CMYK

99.2%, 0.0%, 42.9%, 50.6%

OKLCH

0.5213 0.1273 155.5

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#017E48

#7E0137

Analogous

#017E0A

#01757E

#017E48

Triadic

#017E48

#48017E

#7E4801

Split Complementary

#017E48

#7E0175

#7E0A01

Tetradic

#017E48

#0A017E

#7E0137

#757E01

Color Blindness Simulation

Original

#017E48

Protanopia

#373855

Deuteranopia

#302658

Tritanopia

#075F62

Achromatopsia

#606060

CSS Usage

background-color: #017E48;
color: #017E48;
border-color: #017E48;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F1FEF8
100
#DEFCEF
200
#B8FEE0
300
#86FECA
400
#44FDAD
500
#02FD91
600
#02CA74
700
#01A25D
800
#017E48
900
#065B36
950
#043A22

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

4.08:1

AA Fail 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