Strawberry

#FA5053
RGB
250, 80, 83
HSL
359°, 94%, 65%
CMYK
0, 68, 67, 2
HSV
359°, 68%, 98%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FA5053 color: #FA5053;
RGB 250, 80, 83 color: rgb(250, 80, 83);
RGB Percentage 98%, 31%, 33% color: rgb(98%, 31%, 33%);
CMYK 0%, 68%, 67%, 2% Not supported in CSS
HSL 359°, 94%, 65% color: hsl(359, 94%, 65%);
HSV 359°, 68%, 98% Not supported in CSS
CIE-LAB 52, 34, -1 color: lab(52% 34 -1);
Decimal 16404563 Not supported in CSS

Color Variations

Shades

#FA5255
#F93235
#F81215
#E1070B
#C10609
#A10508
#810406
#600305

Tints

#FDCBCC
#FDBABB
#FCA8AA
#FC9799
#FB8688
#FB7477
#FA6366
#FA5255

Tones

#FA5255
#F15A5D
#E96365
#E06B6D
#D87375
#D07C7D
#C78485
#BF8D8D

Hues

#FA5255
#FACD52
#A9FA52
#52FA79
#52FAF7
#527FFA
#A352FA
#FA52D2

Color Harmonies

Analogous

#FA52A9
Click to copy
Light Purple
80%
#FA5053
Click to copy
Strawberry
100%
#FAA352
Click to copy
Light Red
81%

Complementary

#FA5053
Click to copy
Strawberry
100%
#52FAF7
Click to copy
Light Cyan
34%

Split Complementary

#FA5053
Click to copy
Strawberry
100%
#52FAA3
Click to copy
Light Green
43%
#52A9FA
Click to copy
Light Cyan
43%

Triadic

#FA5053
Click to copy
Strawberry
100%
#55FA52
Click to copy
Light Green
46%
#5255FA
Click to copy
Light Blue
46%

Tetradic

#FA5053
Click to copy
Strawberry
100%
#A9FA52
Click to copy
Light Yellow
57%
#52FAF7
Click to copy
Light Cyan
34%
#A352FA
Click to copy
Light Blue
57%

Square

#FA5053
Click to copy
Strawberry
100%
#A9FA52
Click to copy
Light Yellow
57%
#52FAF7
Click to copy
Light Cyan
34%
#A352FA
Click to copy
Light Blue
57%

CSS & Dev Snippets

CSS
.strawberry {
  color: #FA5053;
}
SCSS
$strawberry: #FA5053;
RGB
rgb(250, 80, 83)

Accessibility & Contrast

White background

3.31:1
3.31
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.34:1
6.34
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags