#007FCC

#007FCC

Color Values

HEX

#007FCC

RGB

0, 127, 204

HSL

202,6, 100,0%, 40,0%

HSV

202,6, 100,0%, 80,0%

CMYK

100,0%, 37,7%, 0,0%, 20,0%

OKLCH

0,5786 0,1495 246,2

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#007FCC

#CC4D00

Analogous

#00CCB3

#0019CC

#007FCC

Triadic

#007FCC

#CC007F

#7FCC00

Split Complementary

#007FCC

#CC0019

#CCB300

Tetradic

#007FCC

#B300CC

#CC4D00

#19CC00

Color Blindness Simulation

Original

#007FCC

Protanopia

#3738B9

Deuteranopia

#3026B5

Tritanopia

#06ABA7

Achromatopsia

#6A6A6A

CSS Usage

background-color: #007FCC;
color: #007FCC;
border-color: #007FCC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F1F9FE
100
#DEF1FC
200
#B8E4FF
300
#85D1FF
400
#42B8FF
500
#009FFF
600
#007FCC
700
#0066A3
800
#004F80
900
#053B5C
950
#03253A

Contrast Checker

Text on white

4,28:1

AA Fail AAA Fail

Text on black

4,91: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