#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

Янв 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Янв 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Янв 15, 2026