#1A7DF7

#1A7DF7

Color Values

HEX

#1A7DF7

RGB

26, 125, 247

HSL

213.1, 93.2%, 53.5%

HSV

213.1, 89.5%, 96.9%

CMYK

89.5%, 49.4%, 0.0%, 3.1%

OKLCH

0.6056 0.2019 257.1

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#1A7DF7

#F7941A

Analogous

#1AECF7

#251AF7

#1A7DF7

Triadic

#1A7DF7

#F71A7D

#7DF71A

Split Complementary

#1A7DF7

#F7251A

#ECF71A

Tetradic

#1A7DF7

#F71AEC

#F7941A

#1AF725

Color Blindness Simulation

Original

#1A7DF7

Protanopia

#4546DA

Deuteranopia

#3F38D2

Tritanopia

#1FC2BD

Achromatopsia

#717171

CSS Usage

background-color: #1A7DF7;
color: #1A7DF7;
border-color: #1A7DF7;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BAD8FD
300
#89BCFB
400
#4998F9
500
#0973F6
600
#075CC5
700
#064A9E
800
#043A7B
900
#082C59
950
#051C38

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

5.32:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026