#285146

#285146

Color Values

HEX

#285146

RGB

40, 81, 70

HSL

163.9, 33.9%, 23.7%

HSV

163.9, 50.6%, 31.8%

CMYK

50.6%, 0.0%, 13.6%, 68.2%

OKLCH

0.4014 0.0503 174.2

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#285146

#512833

Analogous

#285131

#284751

#285146

Triadic

#285146

#462851

#514628

Split Complementary

#285146

#512847

#513128

Tetradic

#285146

#312851

#512833

#475128

Color Blindness Simulation

Original

#285146

Protanopia

#3A3A49

Deuteranopia

#373449

Tritanopia

#2A4B4B

Achromatopsia

#474747

CSS Usage

background-color: #285146;
color: #285146;
border-color: #285146;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5FAF8
100
#E8F2F0
200
#CFE7E1
300
#ADD7CB
400
#81C1AF
500
#54AB94
600
#438976
700
#366D5E
800
#2A554A
900
#223F37
950
#152823

Contrast Checker

Text on white

8.91:1

AA Pass AAA Pass

Text on black

2.36:1

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