#274250

#274250

Color Values

HEX

#274250

RGB

39, 66, 80

HSL

200.5, 34.5%, 23.3%

HSV

200.5, 51.2%, 31.4%

CMYK

51.2%, 17.5%, 0.0%, 68.6%

OKLCH

0.3637 0.0408 232.1

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#274250

#503527

Analogous

#275049

#272D50

#274250

Triadic

#274250

#502742

#425027

Split Complementary

#274250

#50272D

#504927

Tetradic

#274250

#492750

#503527

#2D5027

Color Blindness Simulation

Original

#274250

Protanopia

#33334D

Deuteranopia

#312F4C

Tritanopia

#284A49

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFDFE8
300
#ADC8D7
400
#80ABC1
500
#548DAB
600
#437189
700
#355B6E
800
#2A4756
900
#21353F
950
#152228

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

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