#007CED

#007CED

Color Values

HEX

#007CED

RGB

0, 124, 237

HSL

208.6, 100.0%, 46.5%

HSV

208.6, 100.0%, 92.9%

CMYK

100.0%, 47.7%, 0.0%, 7.1%

OKLCH

0.5938 0.1931 254.6

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#007CED

#ED7100

Analogous

#00EDE8

#0006ED

#007CED

Triadic

#007CED

#ED007C

#7CED00

Split Complementary

#007CED

#ED0006

#EDE800

Tetradic

#007CED

#E800ED

#ED7100

#06ED00

Color Blindness Simulation

Original

#007CED

Protanopia

#3637D2

Deuteranopia

#2E25CB

Tritanopia

#06BCB7

Achromatopsia

#6A6A6A

CSS Usage

background-color: #007CED;
color: #007CED;
border-color: #007CED;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B8DDFF
300
#85C5FF
400
#42A5FF
500
#0085FF
600
#006BCC
700
#0055A3
800
#004380
900
#05325C
950
#03203A

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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