#0198FE

#0198FE

Color Values

HEX

#0198FE

RGB

1, 152, 254

HSL

204.2, 99.2%, 50.0%

HSV

204.2, 99.6%, 99.6%

CMYK

99.6%, 40.2%, 0.0%, 0.4%

OKLCH

0.6663 0.1834 249.0

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#0198FE

#FE6701

Analogous

#01FEE6

#0119FE

#0198FE

Triadic

#0198FE

#FE0198

#98FE01

Split Complementary

#0198FE

#FE0119

#FEE601

Tetradic

#0198FE

#E601FE

#FE6701

#19FE01

Color Blindness Simulation

Original

#0198FE

Protanopia

#4244E5

Deuteranopia

#3A2EDF

Tritanopia

#09D2CE

Achromatopsia

#7F7F7F

CSS Usage

background-color: #0198FE;
color: #0198FE;
border-color: #0198FE;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F9FE
100
#DEF0FC
200
#B8E2FF
300
#85CEFF
400
#43B3FE
500
#0198FE
600
#017ACB
700
#0161A3
800
#014C7F
900
#05395C
950
#03243A

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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