#274350

#274350

Color Values

HEX

#274350

RGB

39, 67, 80

HSL

199.0, 34.5%, 23.3%

HSV

199.0, 51.2%, 31.4%

CMYK

51.2%, 16.3%, 0.0%, 68.6%

OKLCH

0.3664 0.0406 229.2

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#274350

#503427

Analogous

#275048

#272E50

#274350

Triadic

#274350

#502743

#435027

Split Complementary

#274350

#50272E

#504827

Tetradic

#274350

#482750

#503427

#2E5027

Color Blindness Simulation

Original

#274350

Protanopia

#33334D

Deuteranopia

#322F4C

Tritanopia

#284A4A

Achromatopsia

#3E3E3E

CSS Usage

background-color: #274350;
color: #274350;
border-color: #274350;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFE0E8
300
#ADCAD7
400
#80ADC1
500
#5490AB
600
#437389
700
#355C6E
800
#2A4856
900
#21363F
950
#152228

Contrast Checker

Text on white

10.47:1

AA Pass AAA Pass

Text on black

2.0:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026