#274647

#274647

Color Values

HEX

#274647

RGB

39, 70, 71

HSL

181.9, 29.1%, 21.6%

HSV

181.9, 45.1%, 27.8%

CMYK

45.1%, 1.4%, 0.0%, 72.2%

OKLCH

0.3706 0.0369 198.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#274647

#472827

Analogous

#274738

#273647

#274647

Triadic

#274647

#472746

#464727

Split Complementary

#274647

#472736

#473827

Tetradic

#274647

#382747

#472827

#364727

Color Blindness Simulation

Original

#274647

Protanopia

#343547

Deuteranopia

#333047

Tritanopia

#294747

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F1F2
200
#D1E5E6
300
#B0D2D4
400
#85BABC
500
#5AA2A5
600
#488284
700
#3A6869
800
#2D5152
900
#243C3D
950
#172627

Contrast Checker

Text on white

10.23:1

AA Pass AAA Pass

Text on black

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