#74BAFB

#74BAFB

Color Values

HEX

#74BAFB

RGB

116, 186, 251

HSL

208.9, 94.4%, 72.0%

HSV

208.9, 53.8%, 98.4%

CMYK

53.8%, 25.9%, 0.0%, 1.6%

OKLCH

0.7685 0.1176 247.9

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#74BAFB

#FBB574

Analogous

#74FBF9

#7477FB

#74BAFB

Triadic

#74BAFB

#FB74BA

#BAFB74

Split Complementary

#74BAFB

#FB7477

#FBF974

Tetradic

#74BAFB

#F974FB

#FBB574

#77FB74

Color Blindness Simulation

Original

#74BAFB

Protanopia

#9293EB

Deuteranopia

#8E89E8

Tritanopia

#77DFDC

Achromatopsia

#B0B0B0

CSS Usage

background-color: #74BAFB;
color: #74BAFB;
border-color: #74BAFB;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADDFD
300
#88C4FC
400
#48A4FA
500
#0784F8
600
#066AC6
700
#05549F
800
#04427C
900
#07325A
950
#052039

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.16:1

AA Pass AAA Pass

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