#748DFF

#748DFF

Color Values

HEX

#748DFF

RGB

116, 141, 255

HSL

229.2, 100.0%, 72.7%

HSV

229.2, 54.5%, 100.0%

CMYK

54.5%, 44.7%, 0.0%, 0.0%

OKLCH

0.6778 0.1698 271.9

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#748DFF

#FFE674

Analogous

#74D2FF

#A074FF

#748DFF

Triadic

#748DFF

#FF748D

#8DFF74

Split Complementary

#748DFF

#FFA074

#D2FF74

Tetradic

#748DFF

#FF74D2

#FFE674

#74FFA0

Color Blindness Simulation

Original

#748DFF

Protanopia

#7F7FE3

Deuteranopia

#7D7BDD

Tritanopia

#75CEC9

Achromatopsia

#909090

CSS Usage

background-color: #748DFF;
color: #748DFF;
border-color: #748DFF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B8C4FF
300
#859BFF
400
#4264FF
500
#002EFF
600
#0025CC
700
#001DA3
800
#001780
900
#05155C
950
#030D3A

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

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