#4667FC

#4667FC

Color Values

HEX

#4667FC

RGB

70, 103, 252

HSL

229.1, 96.8%, 63.1%

HSV

229.1, 72.2%, 98.8%

CMYK

72.2%, 59.1%, 0.0%, 1.2%

OKLCH

0.5794 0.2242 268.7

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4667FC

#FCDB46

Analogous

#46C2FC

#8046FC

#4667FC

Triadic

#4667FC

#FC4667

#67FC46

Split Complementary

#4667FC

#FC8046

#C2FC46

Tetradic

#4667FC

#FC46C2

#FCDB46

#46FC80

Color Blindness Simulation

Original

#4667FC

Protanopia

#5455D8

Deuteranopia

#5250CF

Tritanopia

#48BBB5

Achromatopsia

#6B6B6B

CSS Usage

background-color: #4667FC;
color: #4667FC;
border-color: #4667FC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F3FE
100
#DEE4FC
200
#B9C5FE
300
#879CFD
400
#4567FC
500
#0431FB
600
#0327C9
700
#031FA1
800
#02187D
900
#06165B
950
#040E39

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

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