#267DA6

#267DA6

Color Values

HEX

#267DA6

RGB

38, 125, 166

HSL

199.2, 62.7%, 40.0%

HSV

199.2, 77.1%, 65.1%

CMYK

77.1%, 24.7%, 0.0%, 34.9%

OKLCH

0.5579 0.1018 233.7

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#267DA6

#A64F26

Analogous

#26A68F

#263DA6

#267DA6

Triadic

#267DA6

#A6267D

#7DA626

Split Complementary

#267DA6

#A6263D

#A68F26

Tetradic

#267DA6

#8F26A6

#A64F26

#3DA626

Color Blindness Simulation

Original

#267DA6

Protanopia

#4C4C9C

Deuteranopia

#47409A

Tritanopia

#2A9493

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E4F1F7
200
#C5E3F2
300
#9BD0E8
400
#65B6DC
500
#309CCF
600
#267DA6
700
#1E6485
800
#184E68
900
#153A4C
950
#0D2530

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass 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