#0487C8

#0487C8

Color Values

HEX

#0487C8

RGB

4, 135, 200

HSL

199.9, 96.1%, 40.0%

HSV

199.9, 98.0%, 78.4%

CMYK

98.0%, 32.5%, 0.0%, 21.6%

OKLCH

0.5955 0.1372 240.7

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#0487C8

#C84504

Analogous

#04C8A7

#0425C8

#0487C8

Triadic

#0487C8

#C80487

#87C804

Split Complementary

#0487C8

#C80425

#C8A704

Tetradic

#0487C8

#A704C8

#C84504

#25C804

Color Blindness Simulation

Original

#0487C8

Protanopia

#3D3EB8

Deuteranopia

#352BB4

Tritanopia

#0BACA9

Achromatopsia

#707070

CSS Usage

background-color: #0487C8;
color: #0487C8;
border-color: #0487C8;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F1F9FE
100
#DFF2FC
200
#B9E7FE
300
#87D6FD
400
#46BFFB
500
#05A9FA
600
#0487C8
700
#036CA0
800
#02547D
900
#073F5A
950
#042839

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