#034446

#034446

Color Values

HEX

#034446

RGB

3, 68, 70

HSL

181.8, 91.8%, 14.3%

HSV

181.8, 95.7%, 27.5%

CMYK

95.7%, 2.9%, 0.0%, 72.5%

OKLCH

0.3516 0.0585 198.2

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#034446

#460503

Analogous

#034626

#032246

#034446

Triadic

#034446

#460344

#444603

Split Complementary

#034446

#460322

#462603

Tetradic

#034446

#260346

#460503

#224603

Color Blindness Simulation

Original

#034446

Protanopia

#1F2046

Deuteranopia

#1B1645

Tritanopia

#064545

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BBFAFC
300
#8AF7FA
400
#4AF2F7
500
#0AEEF5
600
#08BEC4
700
#07989D
800
#05777A
900
#085658
950
#053638

Contrast Checker

Text on white

10.94:1

AA Pass AAA Pass

Text on black

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