#74AFDF

#74AFDF

Color Values

HEX

#74AFDF

RGB

116, 175, 223

HSL

206,9, 62,6%, 66,5%

HSV

206,9, 48,0%, 87,5%

CMYK

48,0%, 21,5%, 0,0%, 12,5%

OKLCH

0,7321 0,0931 244,1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#74AFDF

#DFA474

Analogous

#74DFDA

#747ADF

#74AFDF

Triadic

#74AFDF

#DF74AF

#AFDF74

Split Complementary

#74AFDF

#DF747A

#DFDA74

Tetradic

#74AFDF

#DA74DF

#DFA474

#7ADF74

Color Blindness Simulation

Original

#74AFDF

Protanopia

#8E8ED3

Deuteranopia

#8A86D1

Tritanopia

#77CAC8

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EEF7
200
#C5DEF2
300
#9BC6E8
400
#66A7DC
500
#3088CF
600
#266DA6
700
#1F5785
800
#184468
900
#15334C
950
#0D2030

Contrast Checker

Text on white

2,35:1

AA Fail AAA Fail

Text on black

8,94:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026