#267BA6

#267BA6

Color Values

HEX

#267BA6

RGB

38, 123, 166

HSL

200.2, 62.7%, 40.0%

HSV

200.2, 77.1%, 65.1%

CMYK

77.1%, 25.9%, 0.0%, 34.9%

OKLCH

0.5529 0.103 235.5

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#267BA6

#A65126

Analogous

#26A691

#263BA6

#267BA6

Triadic

#267BA6

#A6267B

#7BA626

Split Complementary

#267BA6

#A6263B

#A69126

Tetradic

#267BA6

#9126A6

#A65126

#3BA626

Color Blindness Simulation

Original

#267BA6

Protanopia

#4B4C9C

Deuteranopia

#464099

Tritanopia

#2A9392

Achromatopsia

#6C6C6C

CSS Usage

background-color: #267BA6;
color: #267BA6;
border-color: #267BA6;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3F9FB
100
#E4F0F7
200
#C5E3F2
300
#9BCEE8
400
#65B4DC
500
#309ACF
600
#267BA6
700
#1E6285
800
#184D68
900
#15394C
950
#0D2430

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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