Cream

#FDFBD4
RGB
253, 251, 212
HSL
57°, 91%, 91%
CMYK
0, 1, 16, 1
HSV
57°, 16%, 99%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FDFBD4 color: #FDFBD4;
RGB 253, 251, 212 color: rgb(253, 251, 212);
RGB Percentage 99%, 98%, 83% color: rgb(99%, 98%, 83%);
CMYK 0%, 1%, 16%, 1% Not supported in CSS
HSL 57°, 91%, 91% color: hsl(57, 91%, 91%);
HSV 57°, 16%, 99% Not supported in CSS
CIE-LAB 73, 0, 13 color: lab(73% 0 13);
Decimal 16645076 Not supported in CSS

Color Variations

Shades

#FDFBD3
#FBF7A7
#F9F27B
#F7EE4E
#F5EA22
#DED30A
#B1A908
#857F06

Tints

#FEFEF2
#FEFDED
#FEFDE9
#FEFDE5
#FEFCE0
#FDFCDC
#FDFBD8
#FDFBD3

Tones

#FDFBD3
#FBF9D5
#F9F7D7
#F7F5D9
#F5F3DC
#F2F1DE
#F0F0E0
#EEEEE2

Hues

#FDFBD3
#E0FDD3
#D3FDE6
#D3F5FD
#D3D5FD
#F0D3FD
#FDD3EA
#FDDCD3

Color Harmonies

Analogous

#FDE6D3
Click to copy
#FDFBD4
Click to copy
100%
#EAFDD3
Click to copy

Complementary

#FDFBD4
Click to copy
100%
#D3D5FD
Click to copy

Split Complementary

#FDFBD4
Click to copy
100%
#D3EAFD
Click to copy
#E6D3FD
Click to copy

Triadic

#FDFBD4
Click to copy
100%
#D3FDFB
Click to copy
#FBD3FD
Click to copy

Tetradic

#FDFBD4
Click to copy
100%
#D3FDE6
Click to copy
#D3D5FD
Click to copy
#FDD3EA
Click to copy

Square

#FDFBD4
Click to copy
100%
#D3FDE6
Click to copy
#D3D5FD
Click to copy
#FDD3EA
Click to copy

CSS & Dev Snippets

CSS
.cream {
  color: #FDFBD4;
}
SCSS
$cream: #FDFBD4;
RGB
rgb(253, 251, 212)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags