#124247

#124247

Color Values

HEX

#124247

RGB

18, 66, 71

HSL

185.7, 59.6%, 17.5%

HSV

185.7, 74.6%, 27.8%

CMYK

74.6%, 7.0%, 0.0%, 72.2%

OKLCH

0.3498 0.0507 205.0

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#124247

#471712

Analogous

#124732

#122847

#124247

Triadic

#124247

#471242

#424712

Split Complementary

#124247

#471228

#473212

Tetradic

#124247

#321247

#471712

#284712

Color Blindness Simulation

Original

#124247

Protanopia

#272746

Deuteranopia

#242046

Tritanopia

#144545

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C6EDF1
300
#9DDFE6
400
#68CED9
500
#34BDCB
600
#2997A3
700
#217982
800
#1A5F66
900
#16464A
950
#0E2C2F

Contrast Checker

Text on white

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