#267D83

#267D83

Color Values

HEX

#267D83

RGB

38, 125, 131

HSL

183.9, 55.0%, 33.1%

HSV

183.9, 71.0%, 51.4%

CMYK

71.0%, 4.6%, 0.0%, 48.6%

OKLCH

0.5421 0.0803 201.8

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#267D83

#832C26

Analogous

#26835A

#264E83

#267D83

Triadic

#267D83

#83267D

#7D8326

Split Complementary

#267D83

#83264E

#835A26

Tetradic

#267D83

#5A2683

#832C26

#4E8326

Color Blindness Simulation

Original

#267D83

Protanopia

#4C4C82

Deuteranopia

#474081

Tritanopia

#2A8080

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C8ECEF
300
#A0DFE3
400
#6DCED5
500
#39BDC6
600
#2E979E
700
#25797E
800
#1D5E63
900
#184548
950
#0F2C2E

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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