#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