#0F18FC

#0F18FC

Color Values

HEX

#0F18FC

RGB

15, 24, 252

HSL

237.7, 97.5%, 52.4%

HSV

237.7, 94.0%, 98.8%

CMYK

94.0%, 90.5%, 0.0%, 1.2%

OKLCH

0.4598 0.3022 265.2

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#0F18FC

#FCF30F

Analogous

#0F8FFC

#7D0FFC

#0F18FC

Triadic

#0F18FC

#FC0F18

#18FC0F

Split Complementary

#0F18FC

#FC7D0F

#8FFC0F

Tetradic

#0F18FC

#FC0F8F

#FCF30F

#0FFC7D

Color Blindness Simulation

Original

#0F18FC

Protanopia

#1313C5

Deuteranopia

#1212B8

Tritanopia

#0F9990

Achromatopsia

#272727

CSS Usage

background-color: #0F18FC;
color: #0F18FC;
border-color: #0F18FC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8BBFE
300
#868BFD
400
#454CFD
500
#030DFC
600
#030AC9
700
#0208A1
800
#02067E
900
#06095B
950
#040639

Contrast Checker

Text on white

8.21:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026