#8099CC

#8099CC

Color Values

HEX

#8099CC

RGB

128, 153, 204

HSL

220.3, 42.7%, 65.1%

HSV

220.3, 37.3%, 80.0%

CMYK

37.3%, 25.0%, 0.0%, 20.0%

OKLCH

0.6832 0.0809 264.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#8099CC

#CCB380

Analogous

#80BFCC

#8D80CC

#8099CC

Triadic

#8099CC

#CC8099

#99CC80

Split Complementary

#8099CC

#CC8D80

#BFCC80

Tetradic

#8099CC

#CC80BF

#CCB380

#80CC8D

Color Blindness Simulation

Original

#8099CC

Protanopia

#8B8BC0

Deuteranopia

#8988BD

Tritanopia

#81B6B4

Achromatopsia

#979797

CSS Usage

background-color: #8099CC;
color: #8099CC;
border-color: #8099CC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F6FA
100
#E7EBF4
200
#CCD6EB
300
#A8B9DC
400
#7893C9
500
#496DB6
600
#3A5792
700
#2F4674
800
#25365B
900
#1E2A43
950
#131B2A

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.35:1

AA Pass AAA Pass

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