#42C8FF

#42C8FF

Color Values

HEX

#42C8FF

RGB

66, 200, 255

HSL

197.5, 100.0%, 62.9%

HSV

197.5, 74.1%, 100.0%

CMYK

74.1%, 21.6%, 0.0%, 0.0%

OKLCH

0.7841 0.1368 230.0

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#42C8FF

#FF7942

Analogous

#42FFD8

#4269FF

#42C8FF

Triadic

#42C8FF

#FF42C8

#C8FF42

Split Complementary

#42C8FF

#FF4269

#FFD842

Tetradic

#42C8FF

#D842FF

#FF7942

#69FF42

Color Blindness Simulation

Original

#42C8FF

Protanopia

#7C7DF2

Deuteranopia

#746AEE

Tritanopia

#49E7E5

Achromatopsia

#AFAFAF

CSS Usage

background-color: #42C8FF;
color: #42C8FF;
border-color: #42C8FF;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8EAFF
300
#85DBFF
400
#42C8FF
500
#00B5FF
600
#0091CC
700
#0074A3
800
#005A80
900
#05435C
950
#032A3A

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

10.94:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026