#124845

#124845

Color Values

HEX

#124845

RGB

18, 72, 69

HSL

176.7, 60.0%, 17.6%

HSV

176.7, 75.0%, 28.2%

CMYK

75.0%, 0.0%, 4.2%, 71.8%

OKLCH

0.3664 0.0551 189.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#124845

#481215

Analogous

#12482A

#123048

#124845

Triadic

#124845

#451248

#484512

Split Complementary

#124845

#481230

#482A12

Tetradic

#124845

#2A1248

#481215

#304812

Color Blindness Simulation

Original

#124845

Protanopia

#292A46

Deuteranopia

#262246

Tritanopia

#154646

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F5
200
#C6F1EE
300
#9DE7E2
400
#68D9D3
500
#33CCC4
600
#29A39C
700
#21837D
800
#1A6662
900
#164B48
950
#0E2F2D

Contrast Checker

Text on white

10.3:1

AA Pass AAA Pass

Text on black

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