#077FF0

#077FF0

Color Values

HEX

#077FF0

RGB

7, 127, 240

HSL

209.1, 94.3%, 48.4%

HSV

209.1, 97.1%, 94.1%

CMYK

97.1%, 47.1%, 0.0%, 5.9%

OKLCH

0.6028 0.1929 254.5

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#077FF0

#F07807

Analogous

#07F0EC

#070BF0

#077FF0

Triadic

#077FF0

#F0077F

#7FF007

Split Complementary

#077FF0

#F0070B

#F0EC07

Tetradic

#077FF0

#EC07F0

#F07807

#0BF007

Color Blindness Simulation

Original

#077FF0

Protanopia

#3B3CD5

Deuteranopia

#342BCE

Tritanopia

#0DBFBA

Achromatopsia

#6E6E6E

CSS Usage

background-color: #077FF0;
color: #077FF0;
border-color: #077FF0;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADCFD
300
#88C4FC
400
#48A3FA
500
#0783F8
600
#0669C6
700
#05549F
800
#04427C
900
#07325A
950
#051F39

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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