#1F563C

#1F563C

Color Values

HEX

#1F563C

RGB

31, 86, 60

HSL

151.6, 47.0%, 22.9%

HSV

151.6, 64.0%, 33.7%

CMYK

64.0%, 0.0%, 30.2%, 66.3%

OKLCH

0.4086 0.0731 159.9

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#1F563C

#561F39

Analogous

#1F5620

#1F5456

#1F563C

Triadic

#1F563C

#3C1F56

#563C1F

Split Complementary

#1F563C

#561F54

#56201F

Tetradic

#1F563C

#201F56

#561F39

#54561F

Color Blindness Simulation

Original

#1F563C

Protanopia

#373742

Deuteranopia

#343044

Tritanopia

#224748

Achromatopsia

#484848

CSS Usage

background-color: #1F563C;
color: #1F563C;
border-color: #1F563C;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CBECDC
300
#A5DFC3
400
#74CDA3
500
#44BB83
600
#369669
700
#2B7854
800
#225E41
900
#1C4532
950
#122C1F

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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