#314F63

#314F63

Color Values

HEX

#314F63

RGB

49, 79, 99

HSL

204.0, 33.8%, 29.0%

HSV

204.0, 50.5%, 38.8%

CMYK

50.5%, 20.2%, 0.0%, 61.2%

OKLCH

0.4128 0.0491 238.8

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#314F63

#634531

Analogous

#31635E

#313663

#314F63

Triadic

#314F63

#63314F

#4F6331

Split Complementary

#314F63

#633136

#635E31

Tetradic

#314F63

#5E3163

#634531

#366331

Color Blindness Simulation

Original

#314F63

Protanopia

#3E3E5E

Deuteranopia

#3C3A5D

Tritanopia

#325A5A

Achromatopsia

#4A4A4A

CSS Usage

background-color: #314F63;
color: #314F63;
border-color: #314F63;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDEE7
300
#ADC6D6
400
#81A7C1
500
#5488AB
600
#446D88
700
#36576D
800
#2A4455
900
#22333F
950
#152028

Contrast Checker

Text on white

8.64:1

AA Pass AAA Pass

Text on black

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