Nome da cor #f4f2f4

White Convolvulus

Cor #f4f2f4 no formato RGB (244, 242, 244): 96%, 95%, 96% vermelho, 96%, 95%, 96% verde, 96%, 95%, 96% azul. #f4f2f4 no formato CMYK (0%, 1%, 0%, 4%): 0%, 1%, 0%, 4%. No modelo de cores HSL (300, 8%, 95%): :graus hsl, :saturação hsl, :luminosidade hsl. Outros formatos e correspondências são apresentados abaixo.

#f4f2f4
#f5f3f5
#f6f5f6
#f7f6f7
#f8f7f8
#faf9fa
#fbfafb
#fcfbfc
#fdfcfd
#fefefe
#ffffff

Formatos de cores

HEX

#f4f2f4

RYB

2, 0, 0

RGB

244, 242, 244

Decimal

16052980

RGB %

96%, 95%, 96%

Websafe

#ffffff

CMYK

0%, 1%, 0%, 4%

Lab

95.69, 1.02, -0.74

HSL

300, 8%, 95%

XYZ

85.39, 89.27, 98.32

HSV

300, 1%, 96%

YIQ

242.83, 0.55, 1.05

Hunter-Lab

9.45, 0.44, 0.95

YUV

242.83, 0.58, 1.03

Android

0xFFf4f2f4

Yxy

89.27, 0.31, 0.33

Cores Adicionais

#f4f2f4
#f4f2f4
#f4f2f3
#f4f2f3
#f4f2f4
#f4f2f3
#f4f2f3
#f4f2f3
#f4f2f3
#f4f2f3
#f4f2f2
#f4f2f2
#f4f2f3
#f4f2f2
#f4f2f2
#f4f3f2
#f4f2f2
#f4f2f2
#f4f3f2
#f4f3f2
#f4f3f2
#f4f3f2
#f4f3f2
#f4f4f2
#f4f3f2
#f4f3f2
#f4f4f2
#f4f4f2

Esquema de cores

Complementary

#f4f2f4
#f2f4f2

Triad

#f4f2f4
#f4f4f2
#f2f4f4

Tetrad

#f4f2f4
#f4f3f2
#f2f4f2
#f2f3f4

Tons

#f4f2f4
#e4e2e4
#d3d2d3
#c3c2c3
#b3b1b3
#a3a1a3
#929192
#828182
#727172
#626162
#515151
#414141
#313031
#212021
#101010

Tons escuros

#c3c2c3
#b9b8b9
#b0aeb0
#a6a5a6
#9c9b9c
#929192
#898889
#7f7e7f
#757475
#6b6a6b
#626162
#585758
#4e4d4e
#444444
#3b3a3b

Tons claros

#f4f2f4
#fefcfe
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff

Monocromático

#c7bdc7
#ccc3cc
#d0c8d0
#d5cdd5
#d9d2d9
#ded8de
#e2dde2
#e7e2e7
#ebe7eb
#f0edf0
#f4f2f4
#f8f7f8
#fdfdfd
#101102101
#106107106

Análogo

#f2f3f4
#f2f2f4
#f3f2f4
#f4f2f4
#f4f2f3
#f4f2f2
#f4f3f2

Estilos para HTML (CSS)

O fundo deste bloco é colorido #f4f3f2
<div style="background: #f4f3f2">Background</div>
div {background: #f4f3f2;}
O texto e as bordas deste bloco são coloridos #f4f2f4
<div style="color: #f4f2f4">Text</div>
div {color: #f4f3f2;}
<div style="border: 1px solid #f4f2f4">Border</div>
div {border: 1px solid #f4f2f4;}