#1ABCFE

#1ABCFE

Color Values

HEX

#1ABCFE

RGB

26, 188, 254

HSL

197.4, 99.1%, 54.9%

HSV

197.4, 89.8%, 99.6%

CMYK

89.8%, 26.0%, 0.0%, 0.4%

OKLCH

0.7495 0.1517 233.6

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#1ABCFE

#FE5C1A

Analogous

#1AFECE

#1A4AFE

#1ABCFE

Triadic

#1ABCFE

#FE1ABC

#BCFE1A

Split Complementary

#1ABCFE

#FE1A4A

#FECE1A

Tetradic

#1ABCFE

#CE1AFE

#FE5C1A

#4AFE1A

Color Blindness Simulation

Original

#1ABCFE

Protanopia

#6062EE

Deuteranopia

#574BEA

Tritanopia

#22E1DF

Achromatopsia

#9E9E9E

CSS Usage

background-color: #1ABCFE;
color: #1ABCFE;
border-color: #1ABCFE;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8EAFF
300
#85DBFE
400
#43C8FE
500
#01B5FE
600
#0190CB
700
#0174A2
800
#015A7F
900
#05435C
950
#032A3A

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.67:1

AA Pass AAA Pass

Brands Using This Color

Figma

Figma

Figma Blue

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026