#18464D

#18464D

Color Values

HEX

#18464D

RGB

24, 70, 77

HSL

187.9, 52.5%, 19.8%

HSV

187.9, 68.8%, 30.2%

CMYK

68.8%, 9.1%, 0.0%, 69.8%

OKLCH

0.366 0.0506 209.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#18464D

#4D1F18

Analogous

#184D39

#182C4D

#18464D

Triadic

#18464D

#4D1846

#464D18

Split Complementary

#18464D

#4D182C

#4D3918

Tetradic

#18464D

#39184D

#4D1F18

#2C4D18

Color Blindness Simulation

Original

#18464D

Protanopia

#2C2C4B

Deuteranopia

#29264B

Tritanopia

#1A4A4A

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E9EE
300
#A2D9E2
400
#6FC5D2
500
#3DB1C2
600
#308D9C
700
#27717C
800
#1E5861
900
#1A4147
950
#10292D

Contrast Checker

Text on white

10.39:1

AA Pass AAA Pass

Text on black

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