#FF4285

#FF4285

Color Values

HEX

#FF4285

RGB

255, 66, 133

HSL

338,7, 100,0%, 62,9%

HSV

338,7, 74,1%, 100,0%

CMYK

0,0%, 74,1%, 47,8%, 0,0%

OKLCH

0,6747 0,2271 4,6

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#FF4285

#42FFBC

Analogous

#FF42E4

#FF5D42

#FF4285

Triadic

#FF4285

#85FF42

#4285FF

Split Complementary

#FF4285

#42FF5D

#42E4FF

Tetradic

#FF4285

#E4FF42

#42FFBC

#5D42FF

Color Blindness Simulation

Original

#FF4285

Protanopia

#ADAC75

Deuteranopia

#B8C671

Tritanopia

#F66865

Achromatopsia

#6F6F6F

CSS Usage

background-color: #FF4285;
color: #FF4285;
border-color: #FF4285;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FEF1F5
100
#FCDEE9
200
#FFB8D1
300
#FF85B0
400
#FF4285
500
#FF005B
600
#CC0048
700
#A3003A
800
#80002D
900
#5C0524
950
#3A0317

Contrast Checker

Text on white

3,3:1

AA Fail AAA Fail

Text on black

6,37:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026