#267371

#267371

Color Values

HEX

#267371

RGB

38, 115, 113

HSL

178.4, 50.3%, 30.0%

HSV

178.4, 67.0%, 45.1%

CMYK

67.0%, 0.0%, 1.7%, 54.9%

OKLCH

0.5088 0.0737 192.6

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#267371

#732628

Analogous

#26734A

#264F73

#267371

Triadic

#267371

#712673

#737126

Split Complementary

#267371

#73264F

#734A26

Tetradic

#267371

#4A2673

#732628

#4F7326

Color Blindness Simulation

Original

#267371

Protanopia

#474871

Deuteranopia

#433D72

Tritanopia

#2A7272

Achromatopsia

#626262

CSS Usage

background-color: #267371;
color: #267371;
border-color: #267371;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFA
100
#E6F5F4
200
#C9EDEC
300
#A3E1DF
400
#71D0CE
500
#3FC0BC
600
#339997
700
#297B78
800
#20605E
900
#1B4645
950
#112C2C

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

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