#284346

#284346

Color Values

HEX

#284346

RGB

40, 67, 70

HSL

186.0, 27.3%, 21.6%

HSV

186.0, 42.9%, 27.5%

CMYK

42.9%, 4.3%, 0.0%, 72.5%

OKLCH

0.3626 0.0332 204.7

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#284346

#462B28

Analogous

#28463A

#283446

#284346

Triadic

#284346

#462843

#434628

Split Complementary

#284346

#462834

#463A28

Tetradic

#284346

#3A2846

#462B28

#344628

Color Blindness Simulation

Original

#284346

Protanopia

#343445

Deuteranopia

#323045

Tritanopia

#294545

Achromatopsia

#3D3D3D

CSS Usage

background-color: #284346;
color: #284346;
border-color: #284346;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E3E5
300
#B1CFD3
400
#87B5BA
500
#5D9BA2
600
#4A7C82
700
#3B6368
800
#2E4E51
900
#253A3C
950
#172526

Contrast Checker

Text on white

10.6:1

AA Pass AAA Pass

Text on black

1.98: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