#124245

#124245

Color Values

HEX

#124245

RGB

18, 66, 69

HSL

183.5, 58.6%, 17.1%

HSV

183.5, 73.9%, 27.1%

CMYK

73.9%, 4.3%, 0.0%, 72.9%

OKLCH

0.3489 0.0504 201.1

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#124245

#451512

Analogous

#12452F

#122945

#124245

Triadic

#124245

#451242

#424512

Split Complementary

#124245

#451229

#452F12

Tetradic

#124245

#2F1245

#451512

#294512

Color Blindness Simulation

Original

#124245

Protanopia

#272744

Deuteranopia

#242044

Tritanopia

#144444

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E4F5F6
200
#C6EEF0
300
#9EE1E6
400
#69D1D8
500
#35C1CA
600
#2A9BA2
700
#227C81
800
#1A6165
900
#17474A
950
#0E2D2F

Contrast Checker

Text on white

11.11:1

AA Pass AAA Pass

Text on black

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