#123B40

#123B40

Color Values

HEX

#123B40

RGB

18, 59, 64

HSL

186.5, 56.1%, 16.1%

HSV

186.5, 71.9%, 25.1%

CMYK

71.9%, 7.8%, 0.0%, 74.9%

OKLCH

0.3263 0.0455 206.4

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#123B40

#401712

Analogous

#12402E

#122440

#123B40

Triadic

#123B40

#40123B

#3B4012

Split Complementary

#123B40

#401224

#402E12

Tetradic

#123B40

#2E1240

#401712

#244012

Color Blindness Simulation

Original

#123B40

Protanopia

#24243F

Deuteranopia

#211E3E

Tritanopia

#143E3E

Achromatopsia

#333333

CSS Usage

background-color: #123B40;
color: #123B40;
border-color: #123B40;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F4FAFB
100
#E5F4F6
200
#C7EBEF
300
#9FDDE4
400
#6CCAD6
500
#38B8C7
600
#2D939F
700
#24757F
800
#1C5C64
900
#184449
950
#0F2B2E

Contrast Checker

Text on white

12.17:1

AA Pass AAA Pass

Text on black

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