#266AAF

#266AAF

Color Values

HEX

#266AAF

RGB

38, 106, 175

HSL

210.2, 64.3%, 41.8%

HSV

210.2, 78.3%, 68.6%

CMYK

78.3%, 39.4%, 0.0%, 31.4%

OKLCH

0.5173 0.1284 252.0

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#266AAF

#AF6B26

Analogous

#26AFAF

#2726AF

#266AAF

Triadic

#266AAF

#AF266A

#6AAF26

Split Complementary

#266AAF

#AF2726

#AFAF26

Tetradic

#266AAF

#AF26AF

#AF6B26

#26AF27

Color Blindness Simulation

Original

#266AAF

Protanopia

#43449E

Deuteranopia

#403A9A

Tritanopia

#29918E

Achromatopsia

#616161

CSS Usage

background-color: #266AAF;
color: #266AAF;
border-color: #266AAF;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DBF2
300
#9AC2E9
400
#64A0DD
500
#2E7FD1
600
#2466A8
700
#1D5186
800
#173F69
900
#14304C
950
#0D1E30

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

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