#276331

#276331

Color Values

HEX

#276331

RGB

39, 99, 49

HSL

130.0, 43.5%, 27.1%

HSV

130.0, 60.6%, 38.8%

CMYK

60.6%, 0.0%, 50.5%, 61.2%

OKLCH

0.4469 0.1011 147.0

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#276331

#632759

Analogous

#3B6327

#27634F

#276331

Triadic

#276331

#312763

#633127

Split Complementary

#276331

#4F2763

#63273B

Tetradic

#276331

#273B63

#632759

#634F27

Color Blindness Simulation

Original

#276331

Protanopia

#41423D

Deuteranopia

#3E3940

Tritanopia

#2A4749

Achromatopsia

#535353

CSS Usage

background-color: #276331;
color: #276331;
border-color: #276331;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5FAF5
100
#E7F4E9
200
#CCEBD1
300
#A7DCB0
400
#78CA85
500
#48B75B
600
#3A9248
700
#2E753A
800
#245B2D
900
#1D4324
950
#132B17

Contrast Checker

Text on white

7.2:1

AA Pass AAA Pass

Text on black

2.92:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026