#154246

#154246

Color Values

HEX

#154246

RGB

21, 66, 70

HSL

184.9, 53.8%, 17.8%

HSV

184.9, 70.0%, 27.5%

CMYK

70.0%, 5.7%, 0.0%, 72.5%

OKLCH

0.3504 0.0486 203.4

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#154246

#461915

Analogous

#154631

#152946

#154246

Triadic

#154246

#461542

#424615

Split Complementary

#154246

#461529

#463115

Tetradic

#154246

#311546

#461915

#294615

Color Blindness Simulation

Original

#154246

Protanopia

#282945

Deuteranopia

#262245

Tritanopia

#174444

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C8EBEF
300
#A1DDE3
400
#6ECBD3
500
#3BB9C4
600
#2F949D
700
#26767E
800
#1D5C62
900
#194448
950
#102B2D

Contrast Checker

Text on white

11.05:1

AA Pass AAA Pass

Text on black

1.9:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026