#269BAC

#269BAC

Color Values

HEX

#269BAC

RGB

38, 155, 172

HSL

187.6, 63.8%, 41.2%

HSV

187.6, 77.9%, 67.5%

CMYK

77.9%, 9.9%, 0.0%, 32.5%

OKLCH

0.6351 0.1008 209.7

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#269BAC

#AC3726

Analogous

#26AC7A

#2658AC

#269BAC

Triadic

#269BAC

#AC269B

#9BAC26

Split Complementary

#269BAC

#AC2658

#AC7A26

Tetradic

#269BAC

#7A26AC

#AC3726

#58AC26

Color Blindness Simulation

Original

#269BAC

Protanopia

#595AA8

Deuteranopia

#5249A7

Tritanopia

#2CA5A4

Achromatopsia

#838383

CSS Usage

background-color: #269BAC;
color: #269BAC;
border-color: #269BAC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FAFB
100
#E3F4F7
200
#C5ECF2
300
#9BDFE9
400
#64CEDD
500
#2EBCD1
600
#2597A7
700
#1E7886
800
#175E68
900
#15454C
950
#0D2C30

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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